CSS 几种选择器

通配符选择器（*）    该选择器可以与任何元素匹配

---

 后代选择器(空格) :选择器1   选择器2   {  }

CSS HTML

备注：后代选择器又叫做 包含选择器  选择器2  包含在选择器1 中，选择器2 可以是选择器1的亲儿子，也可以是孙子，或者孙子的孙子。

后代选择器，查找选择器1的子子孙孙。

---

子元素选择器 （>）:选择器1 > 选择器2>选择器3....{  }

CSS html

备注：选择器2是选择器1的亲儿子，选择器3是选择器2的亲儿子,.......

---

 兄弟选择器 （+）：选择器1+选择器2+...{  }  

css html

注意：只能选择到亲兄弟。样式只渲染最后一个选择器元素。

---

群组选择器   : 选择器1,选择器2,...{  } 

  将样式适用到 所有的这个所选选择器 

---

结合元素选择器   元素名选择器名{ } 

CSS Html

---

多类选择器 ：选择器名1选择器名2....{ }   

CSS html

效果

 注意：没有空格，通过把两个（多个）类选择器‘链接’在一起，仅可以选择同时包含这些类名的元素

---

ID选择器 ： #选择器{ }

CSS html

特点：1.id名只能在文档中声明一次。（不可重名）

2.不同于类选择器，ID 选择器不能结合使用，因为 ID 属性不允许有以空格分隔的词列表。

3.区分大小写

---

类选择器 ：  .选择器 { }

CSS html

同一文档中，可以多次重复使用相同的类名进行声明

区分大小写

---

伪类选择器

锚伪类：  love hate (顺序)

:link   :visited    :hove  :active  

:focus   向拥有键盘输入焦点的元素添加样式。

:first-child    向元素的第一个子元素添加样式。

:lang    向带有指定 lang 属性的元素添加样式

---

伪元素选择器

:first-letter

:first-line

:before

:after