CSS 选择器的类别应用

常见的类选择器类型有如下几种：

1.标签选择器，标签选择器名称{ css样式代码; }

2.类选择器，类选器名称{ css样式代码; }

3.ID 选择器，＃类选器名称{ css样式代码; }

4.子选择器，即大于符号(> ),用于选择指定标签元素的第一代子元素。

5.包含选择器，即加入空格 ,用于选择指定标签元素下的后辈元素。

6.通用选择器，匹配html中所有标签元素，* { css样式代码; } 类选择器和ID选择器都可以应用于任何元素，但 ID 选择器只能在文档中使用一次，可以使用类选择器词列表方法为一个元素同时设置多个样式，ID 选择器是不可以的。

子选择器和包含选择器区别：> 作用于元素的第一代后代，空格作用于元素的所有后代。

另外还有两种选择符：

1.伪类选择符，允许给 HTML 不存在的标签（标签的某种状态）设置样式。常用的有 a:hover{ color:red; }

2.分组选择符，为 HTML 中多个标签元素设置同一个样式时，可以使用分组选择符,

例如h1,span{ color:red; }

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！