UNCSS与多个类选择器无法正常工作

xze*_*gga 5 gruntjs uncss

我在我的angular js应用程序中为某些元素使用多个类选择器,如下所示:

<p class="first second">som text</p>
Run Code Online (Sandbox Code Playgroud)

在我的CSS文件中,我具有.first和.first.second的其他更特定的属性:

.first{
   ...
}

.first.second{
   ...
}
Run Code Online (Sandbox Code Playgroud)

我的问题是,当我运行咕噜uncss时,生成的文件读取。第一。第二类,但不能两者在一起,就像.first.second的问题是,我一直在使用这种方法,我有成千上万这样的选择的我的应用

如何配置uncss来忽略用多个类定义的所有选择器,而不用在uncss ignore选项中一个接一个地编写?

我是否不了解配置方面的约定?

谢谢!

小智 0

首先,你不能一次性写出类。有一个规则需要遵守,所以直接写 .first.second 是行不通的,因为类符号 -> .first .second 之间必须有一个空格

这意味着,您需要这样的标记:

<div class = "first">
    <div class = "second"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

ID 和元素不必有空格 -> #myDiv.first, div.second

其次,对于给定的标记,您标注 CSS 的方式没有意义,因为您处理的是相同的元素。

因此,对于这样的标记:

<p class="first second">som text</p>
Run Code Online (Sandbox Code Playgroud)

你必须这样写,例如:

.first
    {
        color: #333333;
    }

.second
    {
        text-decoration: underline;
    }
Run Code Online (Sandbox Code Playgroud)

通过这种方式,您可以互换类并构建更多样式。