MDN 常用 CSS 筛选器的总结。

例子	描述
h1	元素名称
#root	id
.container	class
button .info-button	带有 class 的元素
#root button	#root 中的所有 <button>
div,span	并列选择
*	所有元素
p *	所有 <p>
p+div	紧跟在 <p> 后的 div
.title~p	.title 之后的所有同层级 <p>
a>b	<a> 中的直接子元素 <b>
div p	div 中的所有(直接或间接)<p>
a:active	激活：Tab 键或鼠标左键交互时 包括但不限于<button><a>
input:checked	选项输入框被勾选时
input:default	表单默认值<button>、<input>
input:disabled	被禁用时
div:empty	没有子元素时
p:first-child	所有 <p> 元素中身为其父元素的第一个子元素的元素 （而不是 p 中包含的第一个子元素）
p:first-of-type	同类元素中的第一个
input:focus	输入框被鼠标点中或者 tab 键
input:invalid	未通过验证的 <input> 或其他 <form> 元素
tr:nth-child(odd)/(even)	HTML 表格中的奇数/偶数行。
p:only-child	<p> 中身为其父元素的唯一子元素的元素
input:required	带有 required 属性的表单元素