html - 内部に特定の要素を持つ要素に CSS プロパティを設定する

Question

要素 2 が含まれている場合、要素 1 にルールを適用したいと考えています。出来ますか？

<element1>

  ...

  <element2> ... </element2>

</element1>

Answer 1

いいえ、親要素のスタイルを設定する方法はありません。CSS には<のような演算子はありません。>で直接の子のみ、またはスペースで区切られた子孫のみをスタイルできます。

詳しくは、類似の質問Is there a CSS parent selector?を参照してください。.

Answer 2

これはJqueryでのみ可能です

このようなものを使用する必要があるよりも

    $("div").each(function(){

            if(jQuery(this).attr('class') != undefined && jQuery(this).hasClass('myclass')) {
              jQuery(this).css({"background-color":"green"});
         } else {
              jQuery(this).css({"background-color":"red"});
         }
    });​