首页 > 代码库 > 内部，行内，行外样式的优先级问题

内部，行内，行外样式的优先级问题

2024-11-01 16:11:02   207人阅读

　例子：　　　　注：权值　　（内部样式：1000　　id选择器：100　　类选择器：10　　元素选择器：1）　（权值越大越会生效）　
<title>权值问题</title>
</head>
<style  type="text/css">
    #redp  p{
        /*权值=100+1=101*/
        color: red;
    }
    #redp   p{
        /*权值=101+10+1=111*/
        color: blue;
    }
    #redp   p{
    /*权值=100+1+1+1=103*/
        color: yellow;
    }
</style>
<body>
<div    id="redp">
    <p  class="red">红色</p>
    <span><em>蓝色</em></span>
</div>
</body>

内部，行内，行外样式的优先级问题


联系
我们