css class选择器

作者：ˉ吻干迩的'泪发布日期:2026-06-02 浏览:15

/* 示例代码：使用CSS class选择器 */

/* 定义一个名为 'example' 的类选择器 */
.example {
    background-color: lightblue; /* 设置背景颜色为浅蓝色 */
    padding: 10px; /* 设置内边距为10像素 */
    border: 1px solid blue; /* 设置边框为1像素的蓝色实线 */
}

/* 定义另一个名为 'highlight' 的类选择器 */
.highlight {
    color: red; /* 设置文本颜色为红色 */
    font-weight: bold; /* 设置字体加粗 */
}

解释说明：

.example 是一个类选择器，它会选择所有具有 class="example" 属性的HTML元素，并应用定义的样式。
.highlight 同样是一个类选择器，它会选择所有具有 class="highlight" 属性的HTML元素，并应用相应的样式。
在HTML中，你可以通过将这些类名添加到元素的 class 属性中来应用这些样式。例如：

<div class="example">这是一个带有 example 类的 div。</div>
<p class="highlight">这是一个带有 highlight 类的段落。</p>

上一篇：css样式优先级高低排列

下一篇：css ul