Question

我希望这不是重复，但我不确定如何说出我正在尝试做的事情。我有一些实用程序CSS规则，用于清除浮动和创建水平框。我想做的是这样的事情：

.clear{
    clear:both;
}
#someID > div{
    /*apply the .clear class here*/
}

我知道我可以使用JavaScript执行此操作，但如果可以避免，我希望避免{100}次class="clear"。我还想避免在第二个选择器中复制样式信息，因此我不必维护多个实用程序类。

.clear类只是一个例子，我的实际课程更多参与。

Answer 1

真的，你只需要在整个标记中使用像clear这样的实用程序类，除非你想做这样的事情（这可能不是你想要的）：

.clear, #someID > div 
{
    clear:both;
    /* this assumes you have no other rules here, which probably isn't true */
}

简而言之，除非您想为CSS使用预处理器，否则您无法做得更好，例如LESS。

Answer 2

你不能在纯CSS中做到这一点。您可以使用LESS或jQuery轻松完成，只需使用： $('#someID > div').addClass('clear');。

Answer 3

在HTML / CSS中，您可以拥有多个这样的类：

<强> HTML

<!--If you are using a id and a class:-->
<div id="someID" class="clear"></div>

<!--If you are using 2 classes-->
<div class="someClass clear"></div>

<强> CSS

.clear{
    clear:both;
}
#someID {
    /* specific style here */
}
.someClass {
    /* specific style here */
}

通过Selector添加CSS类

3 个答案: