css继承与选择器的权重

最新推荐文章于 2022-12-27 18:55:15 发布

枕頭說他不想醒

最新推荐文章于 2022-12-27 18:55:15 发布

阅读量487

点赞数 3

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/weixin_52984349/article/details/125665949

版权

一、css继承

1、共同的祖先元素，设置统一的字体大小

2、样式的继承（继承祖先的资产）

定义：为一个元素设置的样式，同时也会应用到他的后代元素上

优势：方便我们开发，将一些通用的样式统一设置到共同点祖先元素上，子元素的样式都都可以获取

注意：并不是所有的样式都会被继承，比如：背景相关的，布局相关等不会被继承

代码段：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
p{color: red;
font-size：30px；}
    </style>
</head>
<body>
<p>我是小明的父亲
 <span>我是小明
    <em>我是小明的妹妹</em>
 </span>
</p>
<span>我是隔壁老王</span>
</body>
</html></