CSS选择器详解：从入门到精通

CSS选择器是一种用于选择HTML或XML文档中特定元素的模式。选择器可以根据元素的标签名、类名、ID、属性、伪类等进行选择。常见的CSS选择器包括：

1. 标签选择器：使用标签名选择元素，如 'p'、'a'、'div' 等。

2. ID选择器：使用元素的ID属性选择元素，如 '#header'、'#nav' 等。

3. 类选择器：使用元素的class属性选择元素，如 '.red'、'.nav' 等。

4. 属性选择器：使用元素的属性选择元素，如 '[href]'、'[title='example']' 等。

5. 伪类选择器：使用元素的状态或位置选择元素，如 ':hover'、':nth-child(n)' 等。

6. 组合选择器：使用多个选择器组合在一起选择元素，如 'h1, h2'、'.red.bold' 等。

7. 后代选择器：使用元素的后代元素选择元素，如 'ul li'、'div p' 等。

8. 子元素选择器：使用元素的子元素选择元素，如 'ul > li'、'div > p' 等。

9. 相邻兄弟选择器：使用元素的相邻兄弟元素选择元素，如 'h1 + p'、'.red ~ .blue' 等。

10. 通用选择器：选择所有元素，使用 '*'。