在使用CSS样式表对HTML页面进行优化时，需要使用css选择符来选择相应的标签，从而进行优化。
CSS选择符分为：
通配符 *
说明：选择页面中所有的标签。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> *{ /* 前期通常用来清除内填充和外边距 */ margin: 0; padding: 0; } </style> </head> <body> </body> </html>
标签选择符
说明：页面中所有的标签都可以用来当作选择符。
注意：因为标签选择符是选择当前页面的所有相同标签，所以会改变所有相同标签的样式。一般用来改变标签的相同样式，或者清除某种样式。
语法：标签{
CSS样式
}
id选择符
语法：<标签 id="名称"></标签>
CSS引用时： #id名称{ CSS样式 }
注意：在一个页面中 ID名称 一般只有一个，不能重复。所以 ID 一般用来定义页面的结构。
类（class）选择符
语法：<标签class="名称"></标签>
CSS引用时： .class名称{ CSS样式 }
注意：页面中class名称可以重复，并且一个标签可以同时拥有几个不同得到class名称。
class选择符一般用来设置 一类的样式。
包含选择符
由于一个页面中肯定会有标签的嵌套使用，所以在使用CSS样式时，可能不会指定到想要的标签位置。所以需要一层一层的选择来确定CSS样式的位置。
语法：父元素选择符 子元素选择符{ 子元素的CSS样式 }
群组选择符
当需要对多个不同的标签设置相同的样式时使用。
语法：选择符1，选择符2，选择符3.。。。。{ CSS样式 }
注意：选择符之间用 英文的逗号 隔开
伪类选择器
选择符:link {color: red;} /* 未访问的链接状态 */
选择符 :visited {color: green;} /* 已访问的链接状态 */
当同一个标签通过不同的选择符设置了不同的CSS样式，这时就需要通过选择符的权重来决定使用哪个选择符下的CSS样式。
通常可以使用数值来确定选择符权重的大小：
id选择符的权重（0100） > class选择符的权重（0010） > 标签选择符（类型选择符）（0001）
原文：https://www.cnblogs.com/LittleShy/p/12460946.html