分类

• 全局

* {
  margin: 0;
}

• 标签

h1 {
}

• 类

.box {
}

• ID

#unique {
}

• 标签属性

a[title] {
}

选择器	示例	描述
[attr]	a[title]	匹配带有一个名为attr的属性的元素——方括号里的值
[attr=value]	a[href="https://example.com"]	匹配带有一个名为attr的属性的元素，其值正为value——引号中的字符串
[attr~=value]	p[class~="special"]	匹配带有一个名为attr的属性的元素，其值正为value，或者匹配带有一个attr属性的元素，其值有一个或者更多，至少有一个和value匹配
[attr|=value]	div[lang|="zh"]	匹配带有一个名为attr的属性的元素，其值可正为value，或者开始为value，后面紧随着一个连字符
[attr^=value]	li[class^="box-"]	匹配带有一个名为attr的属性的元素，其值开头为value子字符串
[attr$=value]	li[class$="-box"]	匹配带有一个名为attr的属性的元素，其值结尾为value子字符串
[attr*=value]	li[class*="box"]	匹配带有一个名为attr的属性的元素，其值的字符串中的任何地方，至少出现了一次value子字符串

• 伪类

a:hover {
}

• 伪元素

p::first-line {
}

• 运算符

article > p {
}