html - 在内部具有特定元素的元素上设置 CSS 属性

Question

我想在 element1 上应用规则，如果它包含 element2。是否可以？

<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"});
         }
    });​