七天学会html5和css3之三大特性层叠性、继承性、优先级（权重叠加和计算）（26）

最新推荐文章于 2022-08-04 18:11:39 发布

㼛思雨

最新推荐文章于 2022-08-04 18:11:39 发布

阅读量279

点赞数

分类专栏： css3基础100问文章标签： html5 css3

本文链接：https://blog.csdn.net/weixin_45147894/article/details/106560528

版权

CSS层叠性

- 概念：

所谓层叠性是指多种CSS样式的叠加。

是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉

- 原则：

- 样式冲突，遵循的原则是就近原则。那个样式离着结构近，就执行那个样式。
- 样式不冲突，不会层叠

CSS层叠性最后的执行口诀：长江后浪推前浪，前浪死在沙滩上。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
		div {
			color: red;
			font-size: 30px;
		}

		div {
			color: pink;
		}
	</style>
</head>

<body>
<div>
		 好好学习前端呀!
	</div>
</body>
</html>

最低0.47元/天解锁文章

㼛思雨

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
七天学会html5和css3之三大特性层叠性、继承性、优先级（权重叠加和计算）（26）

CSS层叠性- 概念：所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉- 原则： - 样式冲突，遵循的原则是**就近原则。** 那个样式离着结构近，就执行那个样式。 - 样式不冲突，不会层叠CSS层叠性最后的执行口诀：长江后浪推前浪，前浪死在沙滩上。<!doctype html><html><head>...
复制链接

扫一扫