今天又学到了一个知识,就是child是怎么算的,以前我认识是所有的某个类的数量,就是child的对应的效果,可经过豆包的知识传输,我认识到,这个child是看父元素的,如果父元素中还有其它的类,那么child指的就不一定是某个类的,而是要扩大范围,或者css代码失效,所以要考虑的东西还是很多的。
<article class="links-page">
<div class="link-category">...</div>
<div class="link-category">...</div> ← 这是最后一个link-category
<div class="clear"></div> ← 但最后一个子元素是这个clear!
</article>
这里的 class="clear" 的目的是清除浮动,但豆包告诉我,在父元素写入 overflow: hidden; 也是可以清除的。
开始我是不信的,但是为了大事化小,小事化了,所以还是想试试的,结果还是挺震惊的,居然真的可以达到这个效果,这也就意味这以前那种通过单独增加div来增加clear清除浮动的做法,真的是有点低级。
