[分享]css中定义能多次引用样式的选择器

在 CSS 中，存在一种选择器可以用来定义能够被多次引用的样式，它就是“类选择器”（class selector）。类选择器以点（.）开头，后面跟上类名，这个类名可以自定义，但是建议遵循以下规则：.类...

在 CSS 中，存在一种选择器可以用来定义能够被多次引用的样式，它就是“类选择器”（class selector）。

类选择器以点（.）开头，后面跟上类名，这个类名可以自定义，但是建议遵循以下规则：

.类名 {
    样式定义
} 

通过这种方式，我们就可以定义一个可以被多次引用的样式，然后在 HTML 页面的任何地方使用这个类名，就能够引用这个样式了。

例如，我们可以定义一个类名为“box”的样式：

.box {
    width: 200px;
    height: 200px;
    border: 1px solid black;
    background-color: white;
} 

然后，在 HTML 页面的任何一个元素中，使用这个类名就可以引用这个样式：

<div class="box"></div> 

因为类选择器能够被多次引用，所以在实际开发中非常实用。我们可以定义一些常用的样式，然后使用类名来引用这些样式，达到统一样式的效果。

另外，类选择器还可以和其他选择器配合使用，实现更加灵活的样式定义，例如：

p.box {
    font-size: 16px;
} 

这段代码定义了一个“p.box”选择器，表示只有类名为“box”的 p 标签会被这个样式定义所覆盖。

总之，类选择器是 CSS 中非常重要的一个概念，它的存在让我们能够更加方便地定义和引用样式，提高开发效率和代码可读性。