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;}