將樣式應用於多個元素

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

}