html - 特定のネストされたクラスで div をターゲットにする

Question

ページに次のコードが数回あります。

<div>
    <input class="entry">
</div>

クラスや ID を作成せずに、css を介して div タグをターゲットにしたいと考えています。これは可能ですか？

私は試してみましたがdiv.entry { foo } 、.entry div {foo} どちらもうまくいかないようでした。

Answer 1

その CSS で div をターゲットにしていないため、エントリ クラスを持つ入力の親を選択する必要があります。ただし、現在の CSS でこれを行う方法はありませんが、CSS4 のセレクター仕様では次のように行うことができます。

div! > input.entry { foo }

知る限り、これをサポートするブラウザーはまだないため、JavaScript を使用する必要があります。