- CSS的类选择器是使用HTML元素的
class
属性值作为选择器。 - 类选择器指定的样式会应用到所有有该类的元素上。
- 可以给元素添加多个类,用空格分隔,以应用多重样式。
- 类选择器语法为一个点(.)后接类名,如
.button
。 - 页面上所有使用
.button
这个类的元素将应用相应样式。 - 在网页中,如果想让一个
<a>
链接使用.button
样式,只需将该类添加到<a>
元素的class
属性中。 - 元素可以有多个类,可以添加如
.border
来设计特定的样式。 - 可以使用类的组合作为选择器,如
.button.border
选择同时包含这两个类的元素。 - 还可以设计元素在特定状态下的样式,如鼠标悬停(
:hover
)状态。 - 实现了一个内部阴影效果,使元素看起来有边框,并保持大小与普通按钮一致。
- 使用浏览器预览并调整具有内部阴影的按钮样式。