css选择器星号(*)

1、星号(*)选择器的优先级

css的(*)选择器,也是通用选择器,对所有的页面元素(html,title,style,body,div,p……)应用样式,级别最低

在选择器的级别中:在元素名<class<id;所以页面呈现的是yellow黄色;

那如果加入*选择器呢:

页面呈现的是green绿色,所以*选择器<元素名

 

2、给星号(*)设置了display:none,页面会不会显示

在浏览器中,本以为的会显示hello world,但结果是什么都没有。查看浏览器代码,发现html,body都是隐藏的~~~~body都没有了box再显示也是没用了。

如果改一下呢:*{display:inline-block},如下图,把title,style内容都显示出来了,查看浏览器,发现默认的title,和style样式都是隐藏的,*设置了显示,就跟着页面内容一起显示出来了。

 

总结:

由于星号选择器没有指定任何特殊类型的标签,因此难以预测它在所有页面均由各种HTML标签组成的网站上所展现出来的效果。 

而且会影响所有的元素,因此除了清除浏览器的内置样式以外,应谨慎使用。

 

posted @ 2017-05-05 14:50  蓝眼睛~~  阅读(3970)  评论(0编辑  收藏  举报