学习记录 --【零基础CSS学习】09.CSS叠加性和层叠性

钟情于山海

已于 2022-05-16 10:26:32 修改

阅读量83

点赞数

文章标签： css 学习 html

于 2022-05-16 10:24:40 首次发布

本文链接：https://blog.csdn.net/m0_37612107/article/details/124708496

版权

css叠加性

1.当多个选择器选中的是同一个(类)元素时，加的是不一样的样式，所有选择器都会生效

css层叠性

1.当多个选择器选中的是同一个(类)元素时，加的是一样的样式，只有一个选择器会生效

示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css叠加性和层叠性</title>
    <style type="text/css">
        span{
            color: red;
        }
        .abc{
            font-size: 30px;
            color: blue;
        }
    </style>
</head>
<body>
    <span class="abc">我要加油啊</span>
</body>
</html>