在标签内写入>
让我们分别看看这些选择器：
1：标签名选择器
XHTML文档中有很多标签，例如p标签、h1标签等。要使文档中的所有p标签都使用相同的CSS样式，应该使用标签选择器。
div {颜色：红色；：1px 蓝色实心；}
p {颜色：#000;}
2：类选择器
使用标签选择器为整个 XHTML 文档中的同一标签指定相同的 CSS 样式。 但在实际应用中，XHTML文档中的同一个标签会被重复使用。 如果你想为同一个标签分配不同的 CSS 样式，你应该使用类选择器。
测试代码
.test {颜色：红色；：1px蓝色实心；}
在HTML文档中，我们将其添加到标签的开始标签中，以控制样式（input等不成对的标签直接放在标签中）。 在页面对应的css文件中，我们可以使用.xxx来指向这个标签，从而控制这个标签。 我们将这种通过定义类来查找标签的方式称为：类选择器。
这种定义类的方式是前端开发中最常用的选择器。 它有几个突出的特点：可以为不同的标签设置相同的类，从而用一个CSS命令控制多个标签，减少大量代码，使页面修改变得简单。 、易于维护和修改； 其次，后台人员不会使用班级的相关设置，不需要与后台人员进行交互； 而且，可以通过js等动态改变标签，从而改变整个标签的样式，更容易实现前端动态效果。
3：ID选择器
ID 选择器与类选择器类似，只是 ID 选择器不能重复使用。 在 XHTML 文档中，ID 选择器只能将其 CSS 样式分配给一个标签。
测试代码
#test {颜色：红色；：1px蓝色实心；}
可以操作带有 ID 的 HTML 元素。 ID也是后端开发人员常用的，所以前端开发人员应该尽量少用它们。
4. 全局选择器
全局选择器是一个星号。 它适用于 XHTML 文档中的所有元素。
*{:0; :0;}
5. 组合选择器
标签选择器、类选择器和ID选择器可以组合使用。 一般的组合方式是标签选择器和类选择器的组合、标签选择器和ID选择器的组合。 由于这两种组合方式的原理和效果相同，因此仅介绍标签选择器和类选择器的组合。 组合选择器只是组合的一种形式，并不是真正的选择器，但在实际中经常使用。
例如。 li {xxxx} 或 . TD {}
我们使用的时候一般用在重复出现且样式相同的标签中，比如li td dd等。
例如H1.red{颜色：红色}
组选择器
.test1,span,test2 {:1px 蓝色实心;}
div,span,img {:1px 蓝色实心;}
组选择器实际上是一种简化的 CSS 编写方式。 它只是将具有相同定义的不同选择器放在一起，节省了大量代码。
6. 继承选择器
要学习使用继承选择器，您必须首先了解文档树和 CSS 继承。 每个XHTML 都可以被视为一棵文档树。 文档树的根是html标签，head和body标签是它的子元素。 head 和 body 中的其他标签是 html 标签的孙元素。 整个XHTML呈现出祖先和后代之间树状的关系。 CSS 继承意味着后代元素继承祖先元素的某些属性。 下面通过例子详细解释这两个重要的CSS概念。
文档树 CSS 选择器的继承
.test span img {:1px 蓝色实心;}
div span img {:1px 蓝色实心;}
后代选择器实际使用的是：多个选择器加上中间的空格来查找要控制的具体标签； 从左到右，按顺序细化，最后锁定要控制的标签。 如上例，首先找到class为test标签的标签，然后从其子标签中搜索span标签，然后从span的子标签中找到IMG标签。
7. 伪类选择器
伪类也是选择器的一种，但是用伪类定义的CSS样式并不作用于标签。 伪类作用于标签的状态。 由于很多浏览器支持不同类型的伪类，并且没有统一的标准，所以很多伪类并不常用。 伪类包括：:first-child、:link:、:、:hover、:、:focus、:lang等。主流浏览器都支持一组伪类，它们是超链接的伪类，包括:link:、:、:hover 和:。
a的这四个伪类分别代表a的四种状态。 需要注意的是，a 只能有一种状态（:link），也可以同时有两种或三种状态！ 例如，任何具有HREF属性的标签在进行任何操作之前就已经具备了：link的条件，即满足具有link属性的条件； 如果a标签被访问过，它也会有： link: 两种状态。 当鼠标移动到访问过的a标签上时，a标签会同时出现三种状态：link : :hover。
a:链接{文本-:无;}
