勤劳远比黄金可贵。只有不断找寻机会的人才会及时把握机会
1. CSS3 选择器
| 选择器 | 示例 | 说明 |
|---|---|---|
| element1~element2 | p~ul | 选择p元素之后的每一个 ul 元素 |
| [attribute^=value] | a[src^=”https”] | 选择每一个src属性的值以”https”开头的元素 |
| [attribute$=value] | a[src$=”.jpg”] | 选择每一个src属性的值以”.jpg”结尾的元素 |
| [attribute = value* ] | a[src*=”44lan”] | 选择每一个src属性的值包含子字符串”44lan”的元素 |
| :first-of-type | p:first-of-type | 选择每个p元素是其父级的第一个p元素 |
| :last-of-type | p:last-of-type | 选择每个p元素是其父级的最后一个p元素 |
| :only-child | p:only-child | 选择每个p元素是其父级的唯一子元素 |
| :nth-child(n) | p:nth-child(2) | 选择每个p元素是其父级的第二个子元素 |
| :last-child | p:last-child | 选择每个p元素是其父级的最后一个子级。 |
| :root | :root | 选择文档的根元素 |
| :empty | p:empty | 选择每个没有任何子级的p元素（包括文本节点） |
| :enabled | input:enabled | 选择每一个已启用的输入元素 |
| :disabled | input:disabled | 选择每一个禁用的输入元素 |
| :checked | input:checked | 选择每个选中的输入元素 |
| :not(selector) | :not(p) | 选择每个并非p元素的元素 |
| :out-of-range | :out-of-range | 匹配值在指定区间之外的input元素 |
| :in-range | :in-range | 匹配值在指定区间之内的input元素 |
| :optional | :optional | 用于匹配可选的输入元素 |
| :valid | :valid | 用于匹配输入值为合法的元素 |
| :invalid | :invalid | 用于匹配输入值为非法的元素 |