除了伪类选择器，CSS还有哪些选择器？

除了伪类选择器，CSS 还有以下几种常见的选择器：

1. 元素选择器：根据元素名称选择元素，如 p 选择器选择所有的 <p> 元素。

p {

    color: red;

}

2. 类选择器：根据元素的类名选择元素，如 .example 选择器选择所有具有类名 example 的元素。

.example {

    font-weight: bold;

}

3. ID 选择器：根据元素的 ID 选择元素，如 #myElement 选择器选择 ID 为 myElement 的元素。

#myElement {

    background-color: blue;

}

4. 属性选择器：根据元素的属性选择元素，如 [attribute=value] 选择器选择具有指定属性且属性值等于指定值的元素。

input[type=”text”] {

    width: 200px;

}

5. 子元素选择器：选择父元素的子元素，如 p > span 选择器选择所有作为 <p> 元素子元素的 <span> 元素。

p > span {

    color: green;

}

6. 后代元素选择器：选择元素的后代元素，如 p span 选择器选择所有作为 <p> 元素后代的 <span> 元素。

p span {

    font-style: italic;

}

7. 并集选择器：将多个选择器组合在一起，选择符合所有条件的元素，如 p, span, a 选择器选择所有的 <p> 、 <span> 和 <a> 元素。

p, span, a {

    padding: 10px;

}

这些选择器可以组合使用，以满足更复杂的选择需求。根据具体的需求选择合适的选择器来应用样式。