CSS中的选择器

选择器是用来瞄准目标元素的东西。

  • 元素选择器:指使用html元素直接进行目标定位的选择器。
  • 类选择器:指以“.”这个点号开头的选择器。很多元素可以应用同一个类选择器。“类”, 天生就是被公用的命。
  • ID 选择器:“#”打头,权重相当高。ID 一般指向唯一元素。但是,在 CSS 中,ID 样式出现在多个不同的元素上并不会只渲染第一个,而是雨露均沾。但显然不推荐 这么做。
  • 属性选择器:指含有[]的选择器,形如[title]{}、[title= "css-world"]{}、 [title~="css-world"]{}、[title^= "css-world"]{}和[title$="css- world"]{}等。
  • 伪类选择器:一般指前面有个英文冒号(:)的选择器,如:first-child 或:last- child、:checked 等。
  • 伪元素选择器:就是有连续两个冒号的选择器,如::first-line::first- letter、::before 和::after
  • 通配符选择器:指使用“*”进行全部元素选定的选择器。可选中全部元素。