css样式继承

最新推荐文章于 2024-06-27 23:54:25 发布

你好牛蛙

最新推荐文章于 2024-06-27 23:54:25 发布

阅读量753

点赞数 2

分类专栏： html+css笔记

本文链接：https://blog.csdn.net/qq_45821251/article/details/108778739

版权

html css3 css

html+css笔记专栏收录该内容

33 篇文章 2 订阅

订阅专栏

后代自动继承祖先样式这个可用于给祖先后代设置基本的样式
不是所有的样式都还会被后代继承比如背景样式背景样式设置的是一个块的背景在其内部打印的东西都会打印在这个背景上详细介绍看代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div style="font-size: 50px; background-color: yellow;">
			<p><span>wdnmd</span></p>
			<!--这里 wdnmd 继承了父辈的样式 但是背景样式无法继承-->
		</div>
			<!--
            	后代自动继承祖先样式 这个可用于给祖先后代设置基本的样式
            	不是所有的样式都还会被后代继承 比如背景样式
            	背景样式是设置背景颜色 这里是设置了div的背景颜色
            	而p和span所打印出的字体全在div的范围内 其实p和span都没有背景颜色他们的 即 默认是透明的 
            	所以看起来就好像他们有背景颜色一样
            	看着就好像后代字体继承了先辈的背景颜色一样
            -->
	</body>
</html>