如何使用选择器和伪类呢？有多少种类型？

开发工具与关键技术：DW 选择器 伪类
作者：黎凤焕
撰写时间：2019年1月18日
不同的选择器，所代表的意义不一样，用法也不一样，怎样区分各种选择器呢？CSS伪类分为几种呢？有什么不同呢？
（一）、选择器：
1、元素选择器是最简单的选择器
2、上下文选择器：基于祖先或同胞元素选择一个元素。
3、ID和类选择器：基于ID和class的属性值进行选择元素。
4、属性选择器：基于属性的有无特征进行选择。
5、通配符：*
注意：组合选择器和上下文选择器的区别，组合选择器用逗号隔开，上下文选择器用空格隔开。
（1）、上下文选择器

（2）、特殊上下文选择器—子选择器>

（3）、特殊上下文选择器–紧邻同胞选择器+

（4）、特殊上下文选择器–一般同胞选择器~

（5）、特殊上下文选择器—通用选择器*

（6）、id选择器

（7）、class选择器

（8）、属性名选择器

（9）、属性值选择器

（二）、伪类：伪类这个叫法源自于它们跟类相似，但实际上并没有类会附加到标记中的标签上。
1、UI伪类
（1）当鼠标移动到a标签上的是时候，下划线取消，如下图：

2、结构化伪类：会在标记中存在某种结构上的关系时。
3、伪元素：在文档中若有实无的元素。
4、CSS3新增伪类选择器（not and target）。
(1)、 :not伪类选择器，设置除了li标签字体颜色为白色，除了id为Java的li标签。
li:not(#Java) {
color: #fff;
}
（2）、 ：target伪类选择器，设置目标元素myh1的背景颜色为白色
#myh1:target{
Background: #fff;
}
注意：一个冒号（：）表示伪类，两个冒号（：：）表示CSS3新增的伪元素。
伪类的效果：鼠标移入显示出来，鼠标移出隐藏起来。