Html CSS选择此元素之后相同类型的所有元素
我有以下代码:Html CSS选择此元素之后相同类型的所有元素,html,css,css-selectors,Html,Css,Css Selectors,我有以下代码: <fieldset id="login"> <input type="text"> <input type="password"> <input type="checkbox" id="inline_invisible"> <label for="invisible">Login invisible</label> <input type="checkbox" id="remember">
<fieldset id="login">
<input type="text">
<input type="password">
<input type="checkbox" id="inline_invisible">
<label for="invisible">Login invisible</label>
<input type="checkbox" id="remember">
<label for="remember">Remember me</label>
</fieldset>
但是,当密码框处于焦点时,它只选择第一个标签,而不选择第二个标签,并且对第一个输入框不做任何操作。我该怎么办?请只使用CSS,我不能更改html
谢谢。试试看
#login input:focus ~ label {display:inline-block;}
加号(+)选择相邻的同级,而~查找下一个同级
一般同级选择器的参考:
相邻同级选择器的参考:
使用
通用同级
选择器(~
),该选择器将选择聚焦输入后的所有标签
(请注意,+
选择器只选择后面的一个同级元素)
标签{
显示:无;
}
#登录输入:focus~label{
显示:内联块;
}
不可见登录
记得我吗
谢谢你的回答。
#login input:focus ~ label {display:inline-block;}