<分区>
例如，我想让两个文本框在获得焦点时具有相同的样式:
<div class="divTxt">
<input type="text" id="a" class="a" />
<input type="text" id="b" class="b" />
</div>
CSS 将是:
.a:focus
{
background-color:Blue;
}
.b:focus
{
background-color:Yellow;
}
我需要的是使 a 的背景颜色:当 b 聚焦时为黄色，反之亦然。 任何可能性？非常感谢。
最佳答案
你可以试试 General Sibling Selector(~)如果输入框彼此相邻。
类似于:
.a:focus { background-color:Blue;}
.a:focus~.b { background-color:Blue;}
.b:focus { background-color:Yellow;}
.b:focus~.a { background-color:Yellow;}
注意:完全未经测试，充其量只是在黑暗中试探!
关于css - 是否可以使 css 选择器在没有 javascript 的情况下影响页面中的其他元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1824030/