CSS分組選擇

Question

不進行分組，我們可以這樣做：

.footer_content a:link { 
    color: #FFFFFF; 
} 
.footer_content a:visited { 
    color: #FFFFFF; 
} 

隨着分組：

.footer_content a:link, .footer_content a:visited { 
    color: #FFFFFF; 
} 

有沒有辦法來定義的CSS選擇器擺脫多餘的.footer_content聲明，做了的一樣？東西會看起來有點像這樣：

.footer_content (a:link, a:visited) { 
    color: #FFFFFF; 
} 

Answer 1

你可以實現類似Sass，它「編譯」到CSS。

在薩斯你可以使用嵌套，就像這樣：

.footer_content { 
    a:link, a:visited { 
    color: #FFFFFF; 
    } 
} 

Answer 2

目前還沒有一個普遍支持的方式來實現這一點。

但是，如果實施並標準化，實驗:any() selector將使這成爲可能。它在任何瀏覽器中都不受支持，但是最新的Firefox還沒有支持。