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