body :first-child(不是body:first-child,中间有空格)伪类选择器到底选中了什么元素?
:first-child 选中了什么如题,在学习:first-child伪类的时候,我使用如下语法,但是产生的结果在预料之外。codepen链接html {代码...} css {代码...} 按照:first-child语法,body :first-child选中的应该是body的第一个子元素,也就是 {代码...} 结果选中了这个元素 {代码...} 网上搜索无果,所以来这里提问了,body :f...
2 回答812 阅读✓ 已解决
从你的截图看,绿色表示padding,黄色表示margin,文字的真实宽度其实是
width-padding
,所以其实供文字显示的区域是选中部分除去绿色的部分,所以你可以看见,供文字显示的区域明显太小了,比文字的宽度小,这种情况下text-align设置为center和left的效果是一样的,center是当供文字显示的区域大于文字宽度的时候才能看见效果。