您的位置：首页 > 其它

关于定义class时前面加不加所在的标签，及其对优先级的影响

2016-10-08 20:58 253 查看 
<pre name="code" class="html"><!doctype html>
<html>
<head>
<title>测试两种class</title>
<meta charset="utf-8">
<style type="text/css">
div.p{
background-color:red;
}
.p{
background-color:green;
}
div{
background-color:black;
}
</style>

</head>
<body>
<div class="p">
背景颜色是？
</div>
<p class="p">背景颜色是？</p>
</body>
</html>


最后<div>背景颜色是红色，<p>背景颜色时绿色，说明div.p优先级高于.p，即在定义class时前面加所在标签会使改class优先级提高，但低于id。

事实上，所有双标签，双class或双混合，优先级都高于单个。多标签同理。
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航