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

这个css会：

.address, div {
    color:red;
} 

适用于1或2

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

贝克街1221B号 贝克街221B号2

---

哪一条是正确的，出于哪一个原因。

你所写的规则

.address, div {
    color:red;
 }

表示给定的样式将应用于具有

address

类的元素以及所有

div

元素

所以，如果我们认为你的标记规则将适用于元素

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

贝克街221B号 贝克街221B号

---

两者都将匹配。CSS中的逗号（

，

）表示“或”，因此基本上它将匹配

.address

或

div

，翻译为“具有“address”（匹配2）类的任何元素或任何div（匹配1）。

当您在CSS选择中放入{，}时，它将同时应用于这两个元素。这意味着或条件