计算CSS文件中选择器的数量

CSS

蛋蛋

2020-03-23

是否有现有的用于分析和计算文件的CSS选择器的插件/应用程序/程序/脚本/内容?我想检查我的css文件不能在IE中工作的原因是否是因为我的选择器计数超过4095(我很确定不是)

谢谢!

ps加点,如果有haml / sass / compass解决方案

第2593篇《计算CSS文件中选择器的数量》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

5个回答
宝儿理查德 2020.03.23

有点晚了,但是对于任何人来说,如何寻找一个CSS选择器计数器:http : //snippet.bevey.com/css/selectorCount.php 它非常简单,并且可以使用多个样式表,它甚至可以告诉您何时使用达到4096极限

古一 2020.03.23

如果要在构建过程中进行选择,或者只是不想在JS中进行选择,则可以使用简单的算法对选择器进行计数:

用“,”替换“ {”和“}”之间的文本,然后计算“,”的数量。这将为您提供文件上选择器的数量。

西门LEY 2020.03.23

我的项目Bless CSS可能就是您想要的。它将分析文件,并根据选择器限制在最佳位置分割它们。

它还内置在CodeKit中

凯卡卡西凯 2020.03.23

在CSS文件中搜索并用“ {”替换“ {”。大多数编辑会告诉您您做了多少次替换…

Gil 2020.03.23

有一个小书签可以告诉您已使用的CSS规则总数(您感兴趣的CSS规则)中的数量。

CSS紧缩

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android