css --类名的用法

2024年1月28日发(作者：)

在CSS中，类名是一种非常常用的选择器，可以用来选择具有特定类属性的HTML元素，然后对其应用样式。

类名在HTML元素中使用"class"属性来定义，而在CSS中则使用句点（.）作为前缀来表示类选择器。

下面是一个简单的例子，展示了如何使用类名选择器来应用样式：

HTML代码：

```html

这是一个带有example类名的段落

```

CSS代码：

```css

.example {

color: red;

font-size: 16px;

}

```

在这个例子中，我们定义了一个名为"example"的类，并使用CSS中的类选择器（.example）来选择所有带有"example"类名的HTML元素，然后将样式应用到这些元素上。在这个例子中，所有带有"example"类名的元素都将以红色文本和16号字体大小显示。

需要注意的是，类名可以在一个HTML元素上使用多个，也可以在多个元素上使用相同的类名。另外，类名不仅可以用来选择元素，还可以用来应用复杂的样式规则和伪类选择器等。