什么是继承和选择器的权重

最新推荐文章于 2024-11-01 15:19:31 发布

翘指

最新推荐文章于 2024-11-01 15:19:31 发布

阅读量165

点赞数

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

本文链接：https://blog.csdn.net/m0_65334415/article/details/127423197

版权

html 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

本文介绍了CSS中的样式继承原理，说明了如何通过设置通用样式简化开发工作。同时，详细阐述了选择器的权重规则，包括内联样式、ID选择器、类和伪类选择器、元素选择器以及通配选择器的权重计算，并解释了当样式冲突时如何确定优先级。此外，还提到了`!important`的使用及其潜在问题，提醒开发者谨慎使用。

摘要由CSDN通过智能技术生成

样式的继承

选择器的权重：

样式的继承

：我们为一个元素设置的样式同时也会应用到它的后代元素上

继承是发生在祖先和后代之间的

继承的设计时为了方便我们的开发

<!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: aqua;
            font-size: 100px;
            font-weight: 200px;
            
        }
    </style>
</head>
<body>
    <p>少小离家老大回
        <span>乡音无改鬓毛吹</span>
    </p>
    <span>hsuiahfuhsduifhuiasdhfu</span>
    
</body>
</html>