[发明专利]检测多个CSS文件可能存在冲突的检测方法

说明书

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

技术领域

本发明属于软件开发技术领域，具体涉及一种检测多个CSS文件可能存在冲突的检测方法。

背景技术

CSS全称为层叠样式表(Cascading Style Sheets),它主要是用于定义HTML内容在浏览器内显示的样式,比如文字,颜色,视觉上的静态效果,布局等等。CSS在Web设计领域是一个突破，利用它可以实现修改一个小的样式更新与之相关的所有页面元素。

通常，在一个WEB工程中会引用多个CSS文件，这些CSS文件有些是开发人员自定义的，也有些是引用插件库的，当把这些CSS文件同时加载到一个WEB页面时，可能就造成样式冲突，引起页面样式错乱等，这时需要人工排查代码来找到引起冲突的CSS规则从而消除CSS冲突，费时费力。

同时，在开发一个WEB工程时，CSS样式文件是由多个研发工程师在编写维护，随着项目工程的不断完善，CSS规则也会越来越多，这样难免会引入冗余的CSS规则，增加了CSS文件大小，造成网络加载缓慢。

发明内容

有鉴于此，本发明的主要目的在于提供一种检测多个CSS文件可能存在冲突的检测方法。

为达到上述目的，本发明的技术方案是这样实现的：

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

上述方案中，该方法还包括如果对比的两个选择器不相同，并且规则属性以及赋值相同，对两个选择器的CSS规则进行优化标识并且保存数据库。

上述方案中，所述对两个选择器的CSS规则进行冲突标识并且保存数据库，或者对两个选择器的CSS规则进行优化标识并且保存数据库之后，该方法还包括：确定冲突标识或者优化标识的两个选择器属于同一个CSS文件或者属于不同CSS文件。

上述方案中，如果确定冲突标识的两个选择器相同属于同一个CSS文件，对两个选择器的CSS规则进行删减处理。

上述方案中，如果确定优化标识的两个选择器不相同并且属于同一个CSS文件，对两个选择器的CSS规则进行分组选择器合并处理。

上述方案中，如果确定冲突标识的两个选择器相同并且不属于同一个CSS文件，提示用户是否对两个选择器的CSS规则进行删减处理。

上述方案中，如果确定优化标识的两个选择器不相同并且不属于同一个CSS，对两个选择器的CSS规则进行进行分组选择器优化标识。

上述方案中，所述对两个选择器的CSS规则进行删减处理，具体为：在所述两个选择器属于同一个CSS文件时，位于后方的选择器的CSS规则覆盖位于前方的选择器的CSS规则；在所述两个选择器不属于同一个CSS文件时，根据用户的选择删除任意一个选择器的CSS规则。