一、CSS 基础选择器
- 标签指定选择器（交集选择器）
- 格式： 标签名.class名 或 标签名#id名 （中间无空格），如 h3.special
- 作用：同时满足“指定标签 + 指定类/ID”的元素，样式优先级更高
- 后代选择器
- 格式： 外层选择器 内层选择器 （中间空格分隔），如 div p
- 作用：选择外层标签内部的所有内层标签（包含嵌套多层的后代）
- 并集选择器
- 格式： 选择器1, 选择器2, ... （中间逗号分隔），如 h1, p, .box
- 作用：给多个不同选择器的元素，设置相同的样式，减少代码冗余
二、 :nth-child() 伪类选择器
- 用途：匹配父元素中指定顺序的子元素，常用于表格隔行变色
- 关键用法：
- tr:nth-child(odd) ：匹配父元素中奇数行的 （背景红）
- tr:nth-child(even) ：匹配父元素中偶数行的 （背景绿）
- 补充：也可写为 tr:nth-child(2n+1) （奇数）、 tr:nth-child(2n) （偶数）