检测多个CSS文件可能存在冲突的检测方法技术

本发明专利技术公开了一种检测多个CSS文件可能存在冲突的检测方法，对每个CSS文件进行解析获得每个CSS文件的选择器、规则、文件名称并且保存在数据库，将任意一个选择器按照顺序依次对比该选择器所属CSS文件内剩余选择器，之后，再将该选择器按照顺序依次对比剩余CSS文件内的选择器，如果对比的两个选择器相同，并且两个选择器的规则声明属性相同而赋值不同确定两个选择器的CSS规则存在冲突，对两个选择器的CSS规则进行冲突标识并且保存数据库。本发明专利技术能够在引用多个CSS样式文件前就检测可能存在的冲突，让研发人员能提前知晓并解决，同时可以检测重复样式并优化CSS文件，减少CSS文件大小，提高加载速度。

Detection methods for detecting possible conflicts among multiple CSS files

The invention discloses a detection method for detecting possible conflicts among multiple CSS files. Each CSS file is parsed to obtain the selectors, rules and file names of each CSS file and stored in a database. Any selector is compared with the remaining selectors in the CSS file belonging to the selector in sequence, and then the selector is compared with the remaining C in sequence. If the two selectors in the SS file are the same, and the rule declaration attributes of the two selectors are the same, but the assignment values are different, the CSS rules of the two selectors are conflicted. The CSS rules of the two selectors are conflicted and identified, and the database is saved. The invention can detect possible conflicts before referring to multiple CSS style files, so that researchers can know and solve them in advance, at the same time, it can detect duplicate styles and optimize CSS files, reduce the size of CSS files, and improve loading speed.

【技术实现步骤摘要】
检测多个CSS文件可能存在冲突的检测方法
本专利技术属于软件开发
，具体涉及一种检测多个CSS文件可能存在冲突的检测方法。
技术介绍
CSS全称为"层叠样式表(CascadingStyleSheets)",它主要是用于定义HTML内容在浏览器内显示的样式,比如文字,颜色,视觉上的静态效果,布局等等。CSS在Web设计领域是一个突破，利用它可以实现修改一个小的样式更新与之相关的所有页面元素。通常，在一个WEB工程中会引用多个CSS文件，这些CSS文件有些是开发人员自定义的，也有些是引用插件库的，当把这些CSS文件同时加载到一个WEB页面时，可能就造成样式冲突，引起页面样式错乱等，这时需要人工排查代码来找到引起冲突的CSS规则从而消除CSS冲突，费时费力。同时，在开发一个WEB工程时，CSS样式文件是由多个研发工程师在编写维护，随着项目工程的不断完善，CSS规则也会越来越多，这样难免会引入冗余的CSS规则，增加了CSS文件大小，造成网络加载缓慢。
技术实现思路
有鉴于此，本专利技术的主要目的在于提供一种检测多个CSS文件可能存在冲突的检测方法。为达到上述目的，本专利技术的技术方案是这样本文档来自技高网...

【技术保护点】
1.一种检测多个CSS文件可能存在冲突的检测方法，其特征在于，该方法为：对每个CSS文件进行解析获得每个CSS文件的选择器、规则、文件名称并且保存在数据库，将任意一个选择器按照顺序依次对比该选择器所属CSS文件内剩余选择器，之后，再将该选择器按照顺序依次对比剩余CSS文件内的选择器，如果对比的两个选择器相同，并且两个选择器的规则声明属性相同而赋值不同确定两个选择器的CSS规则存在冲突，对两个选择器的CSS规则进行冲突标识并且保存数据库。

【技术特征摘要】
1.一种检测多个CSS文件可能存在冲突的检测方法，其特征在于，该方法为：对每个CSS文件进行解析获得每个CSS文件的选择器、规则、文件名称并且保存在数据库，将任意一个选择器按照顺序依次对比该选择器所属CSS文件内剩余选择器，之后，再将该选择器按照顺序依次对比剩余CSS文件内的选择器，如果对比的两个选择器相同，并且两个选择器的规则声明属性相同而赋值不同确定两个选择器的CSS规则存在冲突，对两个选择器的CSS规则进行冲突标识并且保存数据库。2.根据权利要求1所述的检测多个CSS文件可能存在冲突的检测方法，其特征在于，该方法还包括如果对比的两个选择器不相同，并且规则属性以及赋值相同，对两个选择器的CSS规则进行优化标识并且保存数据库。3.根据权利要求1或2所述的检测多个CSS文件可能存在冲突的检测方法，其特征在于，所述对两个选择器的CSS规则进行冲突标识并且保存数据库，或者对两个选择器的CSS规则进行优化标识并且保存数据库之后，该方法还包括：确定冲突标识或者优化标识的两个选择器属于同一个CSS文件或者属于不同CSS文件。4.根据权利要求3所述的检测多个CSS文件可能存在冲突的检测方法，其特征在于，如果确定冲突标识的两个选择器相同属于同一个CSS文件，对两个选择器的CSS规则进行删减处理。5.根据权利要求4所述的检测多个CSS文件可能存在冲突的检测方法，其特征在于，如果确定优化标识的两个选择器...

【专利技术属性】
技术研发人员：张天虎，
申请(专利权)人：广东微云科技股份有限公司，
类型：发明
国别省市：广东,44