gruntjs - UNCSS 不能与多个类选择器一起正常工作

Question

我正在为我的 Angular js 应用程序中的某些元素使用多个类选择器，如下所示：

<p class="first second">som text</p>

在我的 CSS 文件中，我有 .first 和 .first.second 的其他更具体的属性：

.first{
   ...
}

.first.second{
   ...
}

我的问题是当我运行 grunt uncss 时，生成的文件读取.first和.second类，但不是像.first.second那样同时读取的问题是我一直在使用这种方法，并且我有数千个这样的选择器我的应用程序。

如何配置 uncss 以忽略使用多个类定义的所有选择器，而无需在 uncss 忽略选项中一一编写？

是否有任何我不知道的配置约定？

谢谢！

score 0 · Accepted Answer

首先，你不能一口气写完课程。有一条规则要遵守，所以写 .first.second 完全行不通，因为在类符号之间必须有一个空格 -> .first .second

这意味着，您需要这样的标记：

<div class = "first">
    <div class = "second"></div>
</div>

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

其次，使用给定的标记，您标记 CSS 的方式没有意义，因为您处理的是相同的元素。

因此，对于这样的标记：

<p class="first second">som text</p>

你必须写它，例如，像这样：

.first
    {
        color: #333333;
    }

.second
    {
        text-decoration: underline;
    }

通过这种方式，您可以交换类并建立更多样式。

1 回答 1