声明 CSS 类的正确方法是什么？与以下方法有什么不同？

Question

声明CSS类的正确方法是什么？和下面的方法有什么不同？

1) div.classname { }
2) .classname { }

Answer 1

两者都有效，但使用方式不同：

• .classname：样式将应用于每个类classname的元素
• element.classname：样式将应用于每个此元素的类型元素带有类classname

---

例子：

.class {
  width: 100px;
  height: 100px;
  background-color: blue;
}

div.class {
  background-color: yellow;
}

<div class="class"></div>
<section class="class"></section>
<p class="class"></p>