-
类型、类和id选择器
带有空格的字体的名称应该用
选择器分组可以使用适用于多个选择器的相同规则。例子如下
CSS代码将内容复制到剪贴板。
钍，{ {
填充物：0 10px 00；
}
优先选择
CSS代码将内容复制到剪贴板。
{ H1
字体家庭：'times新罗马，衬线；
}
是前者的首选，而不是前者，然后使用后者。
不应该有空间div.btn-success之间的类型名称和类名称
通用选择器*，适用于文档的所有元素
CSS代码将内容复制到剪贴板。
{ *
字体家庭：Arial；
}
包含选择符
CSS代码将内容复制到剪贴板。
div.planet td {
填充物：0 10px 00；
}
是行星子表子代TD样式的
你还记得上下文选择器在空格作为分隔符，并编组以逗号为分隔符，不要混淆。
subselector >
CSS代码将内容复制到剪贴板。
节> { {
字体样式：斜体；
}
/ /部分的子元素P
同胞选择器和+
区段{ { {
字体样式：斜体；
}
位于节的后面。
段+ {字体样式：斜体；}
必须遵循节
非subselector
CSS代码将内容复制到剪贴板。
选择{ {
***；
}
所有选择元素都是孙子。
ID选择符
attribute selectors
标签名{属性=属性值}
CSS代码将内容复制到剪贴板。
img {标题= HH JJ} { }…
伪类选择器：动态事件、状态更改
CSS代码将内容复制到剪贴板。
答：访问{
颜色：mangenta；
}
访问链接
UI伪类
链接伪类
链接。此时，链接正在等待用户单击。
访问。用户在单击之前链接。
鼠标指针悬停在链接上。
激活。链接被点击（鼠标压在元素上，并且它没有被释放）。
焦点伪类mdash；mdash；把鼠标放在这
CSS代码将内容复制到剪贴板。
Input:focus {border:1px solid blue;}
目标伪类
CSS代码将内容复制到剪贴板。
更多的信息
身份 / /元素位于其他位置，more_info是目标网页。这个元素可以是这样的：
这是你要找的信息。
然后遵循CSS的规则。
# more_info：目标{背景：# EEE；}
结构性伪类
第一个子组中的第一个兄弟元素
最后一个孩子
第n个孩子（3）一组第三个同胞元素
伪元素mdash；mdash；它似乎有一个实体单元。
第一封信
第一行
之前和之后
CSS代码将内容复制到剪贴板。
P.age：：在{内容：年龄；}
P.age：：在{内容：年。；}
在一个班级里，年龄在P：
p：第一个字母{字体大小：300%；}
和p的第一个字母放大率
继承和堆栈
浏览器默认的样式表
用户样式表
作者链接样式表（根据他们的链接到页面的顺序）
作者嵌入式样式
作者的内在风格
优先级越高
规则1：包含id的选择器比包含类的选择器更好，而且类的选择器比包含标签名的选择器更好。
规则二：如果不同来源的定义样式相同的标签相同的属性，内联样式比嵌入式样式，和嵌入型优于链接方式。在一个链接的样式表，同程度的特殊风格是相同的程度，和后来的声明比首先声明。
规则优于规则二，换句话说，如果选择器更明确（特别是更高），不管它在哪里，它都会赢。
规则三：集合的样式比继承的样式更好，并且不考虑特殊的程度（即显式设置优先级）。下面是对规则三的简单解释。
遗传在级联中很弱。
以及以下规则
DIV # cascade_demo P # inheritance_fact {颜色：蓝色；}
2-0 - 2（高特殊度）
它使字weak变蓝的颜色值，因为它继承了父元素的P.
但是，只要我们给他们添加一条规则
颜色：红色；}
0-0 1（特别低的程度）
他们将变成红色，因为虽然它的具体程度低（0-0-1），继承了他们的颜色值将由其指定的（明确的）颜色值。即使（隐含的）继承了高度的特异性（2-0-2）的颜色值的规则，它不工作。