logo

该视频仅会员有权观看

立即开通课程「Web前端页面基础」权限。

¥
199
/ 年

CSS 类选择器(class)

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