這是什麼樣的CSS選擇器？這是什麼意思？

Question

雖然試圖瞭解我舉碰到這樣的：

.control-group.error input, [...] { [...] }

它看起來像一個後代選擇，但。控制-group.error是一類。

我通過這次看了，我找不到任何東西：http://css.maxdesign.com.au/selectutorial/

誰能給我一些指點？

Answer 1

假設我已經正確地理解了你的問題，.control-group.error將匹配具有control-group和error類名的任何元素。

正如你所說，input將匹配任何input元素與類名control-group和error任何元素的後裔。

例如，它會匹配：

<form class="control-group error"> 
    <input> <!-- It matches this (both class names on form) --> 
</form> 

，它不會匹配：

<form class="control-group"> 
    <input> <!-- It won't match this (only one of the class names on form) --> 
</form>