CSS——层叠性

最新推荐文章于 2024-01-16 13:09:24 发布

weixin_30439131

最新推荐文章于 2024-01-16 13:09:24 发布

阅读量42

点赞数

原文链接：http://www.cnblogs.com/wuqiuxue/p/7771311.html

版权

层叠性：浏览器渲染是从上而下的，当多个样式作用于同一个（同一类）标签时，样式发生了冲突，总是执行后边的代码(后边代码层叠前边的代码)。和标签调用选择器的顺序没有关系。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        .box{
            font-size:50px;
            color:#ff6a00;
        }
        .box2 {
            font-size: 200px;
            color: #4cff00;
        }
    </style>
</head>
<body>
    <div class="box box2">哈哈</div>
</body>
</html>

注释：上述代码最后显示的效果是.box2中的样式。

转载于:https://www.cnblogs.com/wuqiuxue/p/7771311.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30439131

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS——层叠性

层叠性：浏览器渲染是从上而下的，当多个样式作用于同一个（同一类）标签时，样式发生了冲突，总是执行后边的代码(后边代码层叠前边的代码)。和标签调用选择器的顺序没有关系。<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></titl...
复制链接

扫一扫