内联样式 > 内部样式 = 外部样式 > 浏览器默认样式
说明：外部样式和内部样式取决于在页面中定义的位置。若外部样式放在内部样式的后面，则外部样式会覆盖内部样式。(以下p标签内的文字颜色是黄色)。个人认为它们等级该是一样的。
<!DOCTYPE html>
<html>
<head>
<title>index</title>
<style>
p {
color: red;
}
</style>
<link href="./index.css" rel="styleSheet" />
</head>
<body>
<p>this is a p</p>
</body>
</html>index.css
p{
color: yellow;
}选择器等级
内联样式 > ID选择器（#id） > 类选择器（.class） = 属性选择器（a[href=""]） = 伪类选择器 （:hover）> 标签选择器（span） = 伪元素选择器（::before）
注意：
- 属性后插入 !important 是最高级
- 等级无法超越 - 无论多少个类选择器叠加都不会超过一个ID选择器
扫一扫
824
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
