码迷,mamicode.com
首页 > 其他好文 > 详细

课时87. !important(掌握)

时间:2018-06-12 13:36:26      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:不能   界面   技术   间接   必须   通配   col   直接   red   

1.什么是important

作用:用于提升某个直接选中标签的选择器中的某个属性的优先级,可以将被指定的属性的优先级提升为最高。

技术分享图片技术分享图片

注意点:

1.important只能用于直接选中,不能用于间接选中

p{

  color:red  !important;  分号写在最后

}

直接将p标签选择器提升为最高

2.通配符选择器选中的标签也是直接选中的

分析:通配符选择器会拿到界面上的所有标签,它当然会拿到p标签,它既然能拿到p标签,它当然也算是直接选中的

  *{

      color:blue   !important;

}

技术分享图片技术分享图片

我们来验证一下将!important加在间接属性身上有没有效果

技术分享图片技术分享图片

3.!important只能提升被指定的属性的优先级,其它的属性的优先级不会被提升

技术分享图片技术分享图片

我们在id和class中同时设置了两个字体大小的属性,正常的优先级是先执行id选择器,结果我们使用了!important,提升了class选择器的优先级,但是只能提升class选择器中被选中的属性,而未被选中的不能提升,还是执行以前的id字体大小的属性。

4.important必须写在分号的前面,如果这么写;!important分号以后是没有任何效果的

5.还有important前面的感叹号是不能省略的

课时87. !important(掌握)

标签:不能   界面   技术   间接   必须   通配   col   直接   red   

原文地址:https://www.cnblogs.com/luckyshuangshuang/p/9172515.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!