文件名称：specificity-graph:您项目CSS专用性的图形表示
文件大小：184KB
文件格式：ZIP
更新时间：2024-04-23 23:13:50
css graph specificity HTML
该项目 是一个非常简单的工具，它允许复制和粘贴CSS并分析样式表的特定性状态。 可以通过将节点本身悬停来分析任何特异性峰。 专一性 计算起来很容易：理想情况下，它是由4个值组成，并用逗号（ 0,0,0,0 ）分隔，每种选择器（ID，类等）都为引用通道提供了一个单位。 从理论上讲，我们将拥有： 对于每个ID，添加0,1,0,0 。 对于每个类，伪类和属性选择器都添加0,0,1,0 。 对于每个元素和伪元素，添加0,0,0,1 。 通用选择器的特异性0,0,0,0为0,0,0,0 ，这与说它没有任何东西是不同的。 在线选择器的特异性等于1,0,0,0 （最大值）。 具有!important声明将胜过其他所有不使用相同属性的声明。 避开山峰 其背后的想法来自于需要控制我们项目的特殊性水平。 图形的较低级别，或者更好，恒定且线性的级别，意味着使项目易于维护并且可以随时间扩展。 特异性图
【文件预览】：
specificity-graph-master
----README.md(2KB)
----app()
--------app.js(8KB)
--------index.html(10KB)
--------style.css(3KB)
----package.json(602B)
----github-page()
--------main.min.css(3KB)
--------main.min.js(421KB)
--------index.html(8KB)
----gulpfile.js(761B)
----package-lock.json(166KB)