css - 将样式应用于多个元素

Question

这是一个简单的方法，但我找不到正确的方法来做到这一点。我有以下样式定义：

.main_section nav a {
    color:#999;
    ...
}

所以这种风格适用于ain the navin the .main_section。现在我想扩展它，以便li元素也受到影响。我要做的是复制代码，例如：

.main_section nav li {
    color:#999;
    ...
}

但这只是感觉不对。我想将两种样式规范统一为一个。我怎样才能做到这一点？

score 4 · Accepted Answer

使用逗号(,)在多个元素上定义相同的样式

.main_section nav a,.main_section nav li {
    color:#999;
    ...
}

score 1 · Accepted Answer

您是否尝试过使用 CSS 预处理器，例如LESS或SASS。

使用其中之一，您将能够编写如下代码：

.main_section {
    nav {
        a,
        li {
            color: #999;
        }
    }
}

score 1 · Accepted Answer

1

尝试

.main_section nav a, .main_section nav li 
{
   color:#999;
    ...

}

于 2013-07-11T08:54:06.380 回答

3 回答 3