将样式应用于多个元素

Question

这很简单，但我无法找到正确的方法。我有以下样式定义：

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

因此，此样式适用于a中nav中的.main_section。现在我想扩展它，以便li元素也受到影响。我要做的是复制代码，如：

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

但这只是错了。我想将两种风格规格统一为一体。我怎么能这样做？

Answer 1

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

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

Answer 2

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

使用其中一个，您可以编写如下代码：

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

Answer 3

尝试

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

}