body :first-child(不是body:first-child,中间有空格)伪类选择器到底选中了什么元素?
:first-child 选中了什么如题,在学习:first-child伪类的时候,我使用如下语法,但是产生的结果在预料之外。codepen链接html {代码...} css {代码...} 按照:first-child语法,body :first-child选中的应该是body的第一个子元素,也就是 {代码...} 结果选中了这个元素 {代码...} 网上搜索无果,所以来这里提问了,body :f...
2 回答889 阅读✓ 已解决
html的结构是有规范和语义的,比如行内元素里面不能包含块级元素等等。但是现代浏览器对此都是比较宽容的,即使写错了,画面也照样可以展示,最多会在console提示一下,警告一下而已。你提出的三个issue,貌似都是与这方面相关的。
1.
<label>
放置的位子有问题。我猜想lable可能放在了img等类似不能包含内容的元素中间了,看下这个label周围的元素,再找出原因。
2.没有一个
label
与input
相关联。正常情况下,一个input的前面或者后面应该有一个label,结构如下:
让label的for指向input的id,这样click这个label时,input会获得焦点。
3.lines 105-115 changed
这个issue不是很明白,从字面理解应该是提示你105-115行内容有变化。
总之,这三个issue不是error,应该是warn,不会导致程序崩溃,但应该修改保持良好的编程习惯。