html - 同じ親のCSS変更要素

Question

入力と同じ親の要素を変更したい。集中したら<input>、要素の色を変更したいと思い<p>ます。

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

それを行う方法はありますか？

よろしくクリス

Answer 1

隣接兄弟コンビネーター CSS セレクターは、次のような場合に使用されます。

input:focus + p

これは、HTML と必要なことを行う私の CSS セレクターを使用したJSFiddle の例です。