将样式应用于多个元素

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; 
    ... 

}