css-样式的继承

forward93124

于 2021-09-04 23:22:57 发布

阅读量669

点赞数

文章标签： css html html5

本文链接：https://blog.csdn.net/weixin_41342791/article/details/120107600

版权

CSS 样式继承后代元素背景颜色不继承样式

关键词由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		    body{
				font-size: 30px;
			}
        </style>
	</head>
	<body>
		<!--
			在CSS中，祖先元素上的样式；也会被他的后代元素锁继承；
			利用继承，可以将一些基本的样式设置给祖先元素，这样所有的后代元素
			将会自动继承这些样式。
			
			但是并不是所有的样式都会被子元素所继承，比如：背景相关的样式
			都不会被继承 边框相关的样式 定位相关的
		-->
		
		<div style="background-color: yellow;">
			<p>
				我是p标签中的文字
				<span>我是span中的文字</span>
			</p>
		</div>
	</body>
</html>