选择器

CSS selector

/* 基本 */
div {} /* tag */
.class {}
#id {}

/* 属性 */
[attribute] {}
[attribute=value] {}
[attribute*=value] {} /* 包含 value */
[attribute$=value] {} /* 结尾是 value */
[attribute~=value] {} /* 属性是空格隔出来的几个词，其中一个是 value */
[attribute|=value] {} /* 就是 value 或者以 value- 开头 */
[attribute^=value] {} /* 属性是空格隔出来的几个词，其中一个是 value */
[attribute=value i] {} /* 上述任何一个后面加 i 表示是大小写不敏感的 */

/* 组合 */
A, B {} /* 多选 */
A B {} /* A 内所有的 B */
A > B {} /* B 是 A 的直接的第一个子元素 */
A ~ B {} /* 和 A 同级的 B，比如 A 和 B 都是 C 的直接子元素，且 B 在 A 之后；只选择一个，后续再有 B 不选择；不需要直接挨着 */
A + B {} /* 类似 ~，但是要直接挨着 */

/* Pseudo 伪 */
:focus {} /* 伪类 */
::after {} /* 伪元素 */