css选择器在应用于多个类，ids或元素时如何应用？

Question

将这个CSS：

.address, div { 
    color:red; 
} 

被应用在1或2？

1 <div id = "address"> 221B Baker Street </div> 
    2 <span class="address"> 221B Baker Street </span> 

哪一个是正确的，哪个原因。

Answer 1

将两者进行匹配。逗号（,）在CSS中的意思是“或”，所以基本上它会匹配.address或div，翻译成“任何具有”地址“类别（匹配2）或任何div（匹配1）的元素。

Answer 2

，你已经写

.address, div { 
    color:red; 
} 

的规则意味着，给定的风格将被应用到那些具有address类元素以及所有div元素。

所以如果我们考虑您的标记规则将同时适用于elemnts

<div id ="address"> 221B Baker Street </div> <!--div element --> 
<span class="address"> 221B Baker Street </span> <!-- address class -->