层叠性<head> <meta charset="UTF-8"> <title>Title</title> <style> p{ color: pink; } p{ color: orange; } ...
CSS三大特性
层叠性
指多种CSS样式的叠加。
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
p{
color: pink;
}
p{
color: orange;
}
</style>
</head>
<body>
<p>面朝大海，春暖花开</p>
</body>
1.样式冲突，遵循就近原则。
2.样式不冲突，不会层叠。
继承性
子标签继承父标签的某些样式。
<body>
<div style="color: red">
<p>面朝大海，春暖花开</p>
</div>
</body>
这里给父标签div设置改变字体样式，子标签p同样改变。
优先级
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.d1{
color: orange;
}
</style>
</head>
<body>
<div class="d1" style="color: red">
<p>面朝大海，春暖花开</p>
</div>
</body>
最低0.47元/天 解锁文章
290
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
