css - 入力要素を持つ td の css セレクター

Question

重複の可能性:
アクティブな子の親の複雑な CSS セレクター

入力子要素を持つテーブル セルにスタイルを適用する css セレクターを作成するにはどうすればよいですか?

Answer 1

残念ながら、まだ CSS で親要素をターゲットにすることはできません（CSS3で来ると思います）（サムの答えを参照）。これを行うには、a) javascript を使用するか、b)td入力を含む にクラス名を追加する必要があります。

これは、現在、子、兄弟、型などをターゲットにするために使用できるセレクターの優れたリファレンスです。

Answer 2

ウィキペディアによると：

セレクターは昇格できません

CSS には、特定の基準を満たす要素の親または祖先を選択する方法がありません。より高度なセレクター スキーム (XPath など) を使用すると、より洗練されたスタイルシートが可能になります。ただし、CSS ワーキング グループが親セレクターの提案を却下した主な理由は、ブラウザーのパフォーマンスとインクリメンタル レンダリングの問題に関連しています。

また、将来 SO を検索する人にとって、これは祖先セレクターと呼ばれることもあります。

Answer 3

jQuery を使用している場合:

$("td input").each(function() { $(this).parent("td").css("style", "value"); });