我在我的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)
通过这种方式,您可以互换类并构建更多样式。
| 归档时间: |
|
| 查看次数: |
248 次 |
| 最近记录: |