!important属性和权重

2,751 阅读
	<style type="text/css" media="screen">
	  /*!important标记 important 重要的
	  k:v!important;给一个属性提高权重 这个属性权重无限大 */
        p{
        	color:blue !important;
        	font-weight: bold;
        } /*!important提升权重是一个属性而不是一个选择器*/
        p{
        	color:red;
        }
        li{
        	font-size: 60px;
        }
        ul{
        	font-size: 100px !important; 
        }
        /*!mportant并不能提升继承来的属性 虽然加上了!important但是权重还是0*/
        /*同样的 都是继承属性的话important还是无法影响 同样是继承来的属性依然按照就近原则来选择属性*/
	</style>
</head>
<body>
	<div>
       <p class="pp">颜色</p>
    </div>

    <div>
    	<ul>
    		<li><p>颜色</p></li>
    	</ul>
    </div>
    !important做网站不允许试用 因为会使css很乱

DataLearner 官方微信

欢迎关注 DataLearner 官方微信,获得最新 AI 技术推送

DataLearner 官方微信二维码