1、继承性
- 给父元素设置一些属性,子元素也可以使用,
- 并不是所有的属性都可以继承,只有以
color``font``text
line
开头的。 -
a
标签文字的颜色和下划线不可以继承的 -
h
标签的文字大小不可以继承的
- 并不是所有的属性都可以继承,只有以
2、层叠性
- 标签多次被设置相同的属性。
- 层叠样式表(英文全称:Cascading Style Sheets)
- 优先级如下:
- 优先直接选中(间接类似继承)
- 间接选中,优先离目标标签近的
- 都是直接选中并且都是相同类型的,优先选择后面的进行层叠
- id >类>标签>通配符
*{....}
>继承>浏览器默认
3、important
可以直接提升优先级
<style>
#identity{
color: green;
}
p{
color: darkorchid !important;
}
</style>
<p id="identity">把我变成什么样,你就是老大</p>
3、important
可以直接提升优先级
<head>
<meta charset="UTF-8">
<title>important提升优先级</title>
<style>
#identity{
color: green;
}
p{
color: darkorchid !important;
}
</style>
</head>
<body>
<p id="identity">把我变成什么样,你就是老大</p>
</body>
4、权重优先级
- 选择器id多的优先级高
- id一样多,的再看类名,类名多的优先级
- 同上同理id>类名>标签个数
- 如果以上所有的都是一样的,则按照前后顺序,后面的覆盖前面同样的设置。
网友评论