引用多个类，ID或元素时如何应用css选择器？

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

你写的规则

.address, div {
    color:red;
 }

表示给定的样式将应用于具有address类的元素以及所有div元素。

因此，如果我们认为您的标记规则将适用于两个元素

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

Answer 2

两者都将匹配。 CSS中的逗号（,）表示“或”，所以基本上它将匹配.address或div，翻译为“任何具有”地址“类别的元素（匹配2）或任何div（匹配1）。