各种选择器：

1、* 用于匹配任何的标记

2、> 用于指定父子节点关系

3、E + F ：E标签后面紧挨着E标签的F标签

4、E ~ F： 匹配所有E元素之后的所有同级元素F

5、名称[表达式]

5.1 a[title] 匹配所有具有att属性的E元素（获取所有的定义了title属性的a标签；a[title=val] 匹配所有title属性等于“val”的a元素；

5.2 [att=val] 获取所有定义了att属性并且属性值等于val的标签；

5.3 [att^=val]获取所有定义了att属性并且属性值以val开头的标签；

5.4 [att$=val]获取所有定义了att属性并且属性值以val结尾的标签；

5.5 [att*=val]获取所有定义了att属性并且属性值包含val字符的标签；

5.6 [att~=val]获取所有定义了att属性并且属性值包含val单词的标签；

5.7 [att|=val]获取所有定义了att属性并且属性值等于val或者以val-开头的标签。）

6、伪类/伪元素

6.1 css 伪类用于向某些选择器添加特殊的效果。css 伪元素用于将特殊的效果添加到某些选择器。 

可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。

伪类种类伪元素种类区别

这里用伪类 :first-child 和伪元素 :first-letter 来进行比较。

转载于:https://www.cnblogs.com/guanyushan/p/7833997.html