通过Selector添加CSS类

Question

我希望这不是重复,但我不确定如何说出我想要做的事情.我有一些实用程序CSS规则,用于清除浮动和创建水平框.我想做的是这样的:

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

我知道我可以用JavaScript做到这一点,但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,你可以做得更好.