html - css更改同一父项中的元素

Question

我想更改与输入相同的父元素中的元素。当我<input>专注时，我想改变<p>元素的颜色。

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

有办法吗？

问候克里斯

Answer 1

相邻兄弟组合器 CSS 选择器用于以下情况：

input:focus + p

这是一个使用您的 HTML 和我的 CSS 选择器的JSFiddle 示例，可以满足您的要求。