<分区>
如何让它发挥作用？ HTML
#nav input[type=text]:focus ~ #two {
color: red;
}<div id=nav>
<input type="text" placeholder="Search" name="search">
</div>
<div id="two">Two jfjsoijfoisoivnosnovdnsnnoivnoinsionvonoiniso</div>我认为问题出在单独的 div 元素上。
<分区>
如何让它发挥作用？ HTML
#nav input[type=text]:focus ~ #two {
color: red;
}<div id=nav>
<input type="text" placeholder="Search" name="search">
</div>
<div id="two">Two jfjsoijfoisoivnosnovdnsnnoivnoinsionvonoiniso</div>我认为问题出在单独的 div 元素上。
最佳答案
#nav:focus-within ~ #two {
color: red;
}<div id="nav">
<input type="text" placeholder="Search" name="search" />
</div>
<div id="two">Two jfjsoijfoisoivnosnovdnsnnoivnoinsionvonoiniso</div>您可以使用 :focus-within 选择器实现这一点
关于html - 在关注其他元素时更改单独的元素样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/63685400/