css类选择器

作者：狂神战天发布日期:2025-03-16 浏览:111

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

/* 定义一个名为 'example' 的类样式 */
.example {
    color: blue; /* 设置文本颜色为蓝色 */
    font-size: 16px; /* 设置字体大小为16像素 */
    background-color: lightgray; /* 设置背景颜色为浅灰色 */
}

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

/* HTML 示例代码 */
<p class="example">这是一个使用 .example 类的段落。</p>
<p class="highlight">这是一个使用 .highlight 类的段落。</p>

解释说明：

类选择器 是以 . 开头，后面跟类名。例如 .example 和 .highlight。
在 CSS 中定义类样式后，可以在 HTML 中通过 class 属性将这些样式应用到元素上。
每个类可以应用于多个 HTML 元素，并且一个元素也可以同时拥有多个类。

上一篇：css 背景色渐变

下一篇：css3样式