类选择器 | Class selectors (Selectors) - CSS 中文开发手册

CSS 类选择器根据其class属性的内容匹配元素。

/* All elements with class="spacious" */
.spacious {
  margin: 2em;
}

/* All <li> elements with class="spacious" */
li.spacious {
  margin: 2em;
}

语法

.class_name { style properties }

请注意，这相当于以下内容attribute selector：

[class~=class_name] { style properties }

实例

CSS

div.classy {
  background-color: skyblue;
}

HTML

<div class="classy">This div has a special class on it!</div>
<div>This is just a regular div.</div>

结果

规范

浏览器兼容性