本文介绍了CSS中的继承性和叠加性的概念及其应用。继承性是指子元素可以继承父元素的文字相关样式，如字体大小和颜色等；叠加性则指多个选择器可以给同一元素设置样式，这些样式可以同时生效，如果样式冲突，则按优先级决定最终效果。
<html>
<head>
<meta charset="utf-8"/>
<title>css继承性和叠加性</title>
<style type="text/css">
/*css继承性
子元素可以继承父元素的文字相关的样式*/
h1{
font-size: 50px;
color: blue;
}
/*css叠加性
不同选择器给同一个元素加不同的样式，可以同时生效
不同选择器给同一个元素加相同的样式，根据优先级进行生效，与放置的位置无关（PS：优先级后面更新）
*/
#title{
color: purple;
}
</style>
</head>
<body>
<h1 id="title">你好<span>朋友</span>同学</h1>
</body>
</html>
<head>
<meta charset="utf-8"/>
<title>css继承性和叠加性</title>
<style type="text/css">
/*css继承性
子元素可以继承父元素的文字相关的样式*/
h1{
font-size: 50px;
color: blue;
}
/*css叠加性
不同选择器给同一个元素加不同的样式，可以同时生效
不同选择器给同一个元素加相同的样式，根据优先级进行生效，与放置的位置无关（PS：优先级后面更新）
*/
#title{
color: purple;
}
</style>
</head>
<body>
<h1 id="title">你好<span>朋友</span>同学</h1>
</body>
</html>
扫一扫
4589
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
