热门关键字:

选择符

331
作者:管理员
发布时间:2020/11/14 10:37:18
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=2933

这里选择符,就是平常所说的选择器。选择器的种类非常多,但大多就是上面列举的几种,除此之外,还有一些平时可能忽略的通用选择符:

* {
  box-sizing: border-box;
}

看起来非常的简单,但是滥用他会造成一些意向不到的结果。首页就是他会给所有的元素都添加上对应的属性,即使这个元素压根就用不到这个属性,这样就造成了一定的性能浪费,另外一点则是非常容易忽视的地方在于他的优先级,也是我们说的特指度,通用选择器的特指度为0,结合上面的继承来说,继承是没有特指度的,因此你如果用了通用选择符,然后指望元素通过继承获得父元素的继承属性,却会发现不起作用。来看个

* {
  color: green;
}
div#page {
  color: black;
}
<div id="page">
  我是CSS世界的小<em>菜鸡</em>
</div>
CSS进阶知识扫盲


很明显,最终看到的菜鸡是绿色的。因此这也是非常容易让人困惑的地方,所以推荐是尽量不要过度使用





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:Web
友荐云推荐