通配符选择器（*） 该选择器可以与任何元素匹配
后代选择器(空格) :选择器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 属性的元素添加样式
伪元素选择器
