关于伪类的使用

来源:2-6 首页-类目(2)

夜魇丶

2019-12-14 20:36:55

http://img.mukewang.com/climg/5df4d6fe095e776303720193.jpg

想问一下这里::after 加和不加有什么影响?

因为我平时用clearfix解决高度塌陷的时候没有用伪类也同样可以实现效果。

写回答

1回答

好帮手慕夭夭

2019-12-15

同学你好,虽然不加伪类也可以实现效果,但是这样不适用每一种情况。示例:

当一个div中的子元素设置浮动,会导致父元素高度塌陷,此时给父元素清除浮动,让它高度能够被子元素撑起来。

http://img.mukewang.com/climg/5df59c4e09406de705700614.jpg

http://img.mukewang.com/climg/5df59cb909a21feb03680149.jpg

伪类就相当于一个子元素,这样清除浮动的样式就是作用在伪类上面,而不是div.box本身。如果去掉伪类,清除浮动的样式就是给父元素div.box本身设置的,即父元素高度变成了0 ,也设置了隐藏效果。这样给父元素本身设置清除浮动的样式肯定就不对了,所以还是建议在伪类上设置,不会对其它元素造成影响。

http://img.mukewang.com/climg/5df59cb2092e910304400373.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 6815 问题

查看课程