css选择器有哪些

1、复合选择器

        由两个或多个基础选择器，通过不同方式组合而成，目的为了更加精确的选择目标与标签，提高工作效率。

2、后代选择器

        通过指定元素的后代关系选择html元素。使用空格分隔元素名称

        eg：div p 选择器将选择所有在 <div> 元素内的 <p> 元素。

3、直系|父子选择器

        直系元素选择器：

                指定元素之间相邻关系的选择器，使用+分隔两个元素。

                eg：h2 + p 选择器将选择紧接在 <h2> 元素后的 <p> 元素。

        父子元素选择器：

                通过指定元素的直接子关系选择元素，使用>分隔子元素和父元素

                eg：ul > li选择器将选择所有 <ul> 元素的直接子元素中的 <li> 元素。

4、并集选择器

        如果某些选择器定义的相同样式，就可以利用并集选择器，可以让代码更简洁。

        eg:.class,h3{ color:red; }

5、交集选择器

        交集选择器就是由两个标签构成，既有标签一的特点又有标签2的特点。

6、元素选择器

        通过元素名称选择html中的元素

        eg：p 选择器将选择所有 <p> 元素。

7、类选择器

        又称class选择器，通过class来指定特定的元素。

        eg：.highlight 选择器将选择所有具有类别为 "highlight" 的元素。

8、id选择器

        通过唯一标识符id选择html中的元素，id选择器以#开头。

        eg：#logo 选择器将选择具有 ID 为 "logo" 的元素。

9、通用选择器

        选择所有html元素。使用符号*。

10、伪类选择器

        用于向某些选择器添加特殊效果。比如链接伪类、结构伪类，伪类选择器以：表示。

        eg：a：hover{ color：red；}//鼠标经过时变色