<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style>
p{
color:red;
}
.lz a{ /* 权值:10+1 = 11 */
color:green;
text-decoration:none;
}
</style>
</head>
<body>
<!--
1. css的某些样式是具有继承性
继承性:
允许样式不仅应用与某个特定的标签,而且应用于后代
注意点: 并非所有的样式都可以继承
2. 有时候为同一个元素设置了不同的css样式
权重值:
标签的权值: 1
class的权值: 10
id 的权值:100
3. 在网页的时候,有些特殊的情况需要为某些样式设置具有最高权值?
!important
例:
p{ color:red !important;}
-->
<p class='lz'>
Lz问朋友: 人生中每个人都有很多老师, 他们会教你不同的东西,让你终身受益. 那么,你觉得最让你难忘的老师是哪位
<b>答:朋友很坚定的说: 苍老师....</b>
<a href="">日本的苍老师还是蛮有名</a>
</p>
</body>
</html>
权重 部分继承性
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
