在我的项目中，我有像编写
这样的css文件的惯例.some_name_APP_CONTAINER <sub css rules...> {
}
.some_name_APP_CONTAINER <sub css rules...> {
}
.some_name_APP_CONTAINER <sub css rules...> {
}
etc...
所以在css文件中，我想确保所有规则（包括媒体查询中的规则）都以.some_name_APP_CONTAINER开头（是一个类），子串some_name可以是任何类名但对于css文件中的所有规则应该是相同的。所以这是有效的例如：
.some_name_APP_CONTAINER .table {
}
.some_name_APP_CONTAINER div {
}
.some_name_APP_CONTAINER div:hover {
}
这是无效的
.some_name_APP_CONTAINER .table {
}
.some_name_APP_CONTAINER div {
}
div:hover {
}
所以这主要是出于维护原因，因此所有内容都封装在类some_name_APP_CONTAINER下。是否有人使用某些库来验证css规则？
此外，我更喜欢node.js库，因为这样做效果最好。
由于
答案 0 :(得分：0)
您可以使用CSS预处理器来帮助您实现这一目标。虽然他们不会解析CSS以确保您正在寻找的封装，但是他们会很容易实现这样的结构并进行双重检查。
CSS预处理器允许您嵌套选择器。要＆＃34;命名空间＆＃34; 选择器，您可以执行以下操作。
.some_name_APP_CONTAINER {
table {}
div {}
div:hover {}
}
预处理器编译完上述伪CSS后，您将获得您正在寻找的结果。
.some_name_APP_CONTAINER table {}
.some_name_APP_CONTAINER div {}
.some_name_APP_CONTAINER div:hover {}
确保您想要的结果可以像查看文件中的所有选择器是否驻留在.some_name_APP_CONTAINER块/选择器一样简单。