css 选择器

时间:2024-03-03 19:24:41
  • 元素选择器(类型选择器) :直接通过元素名称选择元素。例如,p 选择所有 <p> 元素。
  • 类选择器 :通过元素的类属性选择元素。类选择器以点(.)开始。例如,.my-class 选择所有类名为 my-class 的元素。
  • ID 选择器 :通过元素的 ID 属性选择元素。ID 选择器以井号(#)开始。例如,#my-id 选择 ID 为 my-id 的元素。
  • 属性选择器 :根据元素的属性及属性值来选择元素。例如,[type="text"] 选择所有类型(type)为文本(text)的元素。
  • 伪类选择器 :用于定义元素的特殊状态。例如,:hover 可以选择鼠标悬停在其上的元素。
  • 伪元素选择器 :用于样式化元素的特定部分。例如,::before 可以在元素内容前插入内容。
  • 后代选择器