在 CSS 中，类选择器以一个点号显示： ( 推荐学习：CSS入门教程 )
.center {text-align: center}在上面的例子中，所有拥有 center 类的 HTML 元素均为居中。
在下面的 HTML 代码中，h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。
This heading will be center-aligned
This paragraph will also be center-aligned.
注意：类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。
立即学习“前端免费学习笔记（深入）”；
和 id 一样，class 也可被用作派生选择器：
自从百度屏蔽淘宝客网站、淘宝抛弃淘宝客之后，个人站长集体陷入了恐慌之中。此时，什么值得买网的异军突起引起了广大个人站长的极大关注。做一个什么值得买一样的导购网站成了众多个人站长的一致心愿！ TP-COUPON 导购系统 即是让个人站长实现此心愿的绝佳选择！ 欢迎个人站长选用。V1.1版 更新记录：1.修正请求时查询淘宝店铺错误的bug2.删除一些无用的代码
.fancy td {
color: #f60;
background: #666;
}在上面这个例子中，类名为 fancy 的更大的元素内部的表格单元都会以灰色背景显示橙色文字。（名为 fancy 的更大的元素可能是一个表格或者一个 div）
元素也可以基于它们的类而被选择：
td.fancy {
color: #f60;
background: #666;
}在上面的例子中，类名为 fancy 的表格单元将是带有灰色背景的橙色。
你可以将类 fancy 分配给任何一个表格元素任意多的次数。那些以 fancy 标注的单元格都会是带有灰色背景的橙色。那些没有被分配名为 fancy 的类的单元格不会受这条规则的影响。
还有一点值得注意，class 为 fancy 的段落也不会是带有灰色背景的橙色，当然，任何其他被标注为 fancy 的元素也不会受这条规则的影响。这都是由于我们书写这条规则的方式，这个效果被限制于被标注为 fancy 的表格单元（即使用 td 元素来选择 fancy 类）。
相关文章
css 样式被覆盖优先级太低怎么办_合理使用 id 与 class 选择器
css 如何设置链接不同状态的颜色_link visited hover active 伪类
css 页面首屏闪烁怎么解决_使用 link 提前加载关键样式
css视觉上需要做强调的局部颜色怎么办_使用css变量动态注入强调色
css 如何控制文字大小不影响布局_font-size 与 line-height 配合使用
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
更多热门AI工具
更多相关专题
C++ 单元测试与代码质量保障本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法，包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程，以及常见代码质量问题的发现与修复。通过工程化示例，帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。
54
2026.01.16
更多热门下载
更多精品课程
相关推荐/热门推荐/最新课程更多最新文章
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
