css更改同一父级中的元素

Question

我想更改与输入相同的父元素.当我<input>聚焦时,我想改变<p>元素的颜色.

<div id="sample">
<input type="text">
<p>Hello</p>
</div>

有办法吗？

问克里斯

Answer 1

相邻的兄弟组合子 CSS选择器用于这种情况:

input:focus + p

这是一个使用HTML和我的CSS选择器的JSFiddle示例,它可以满足您的需求.