[分享]css两种命名样式选择符

CSS中有两种命名样式选择符，一种是类选择符（class selector），另一种是ID选择符（id selector）。类选择符以“.”为前缀，后跟类名，在HTML中通过class属性将样式应用于...

CSS中有两种命名样式选择符，一种是类选择符（class selector），另一种是ID选择符（id selector）。

类选择符以“.”为前缀，后跟类名，在HTML中通过class属性将样式应用于元素。

/* CSS */
.text {
  color: red;
}

/* HTML */
<p class="text">Hello World</p>

ID选择符以“#”为前缀，后跟ID名，在HTML中通过id属性将样式应用于元素。

/* CSS */
#title {
  font-size: 24px;
}

/* HTML */
<h1 id="title">This is a heading</h1>

使用类选择符可以快速地为多个元素设置相同的样式，而使用ID选择符可以精确地为特定元素添加样式。但是需要注意的是，一个元素可以有多个类，但只能有一个ID。