代码之家  ›  专栏  ›  技术社区  ›  masterpoltergeist

将特定样式应用于所有子元素

  •  -3
  • masterpoltergeist  · 技术社区  · 7 年前

    所以我有一个名为“svg”的标记,每当我点击一个按钮时,它的“可见性”属性就会获得值“hidden”(这是一个在包含它的“div”上工作的切换,svg只有inherit)。现在,这个“svg”元素实际上有数百个子标记(“g”标记),出于我不打算解释的原因,其中大多数在其属性中具有覆盖的“可见性:可见”。

    1 回复  |  直到 7 年前
        1
  •  -1
  •   iamwtk    7 年前

    你可以选择:

    svg * {
       visibility:inherit!important;
    }
    

    !important 这一点非常重要,因为如果 <g> 具有内联样式这将赋予此样式更高的优先级。

    $('svg *').each(function() {
      $(this).css('visibility','inherit');
    })