将某种样式应用于所有子元素

Question

所以我有一个名为 "svg" 的标签，只要我按下一个按钮，它的 "visibility" 属性就会获得值 "hidden"（这是一个在 "div" 包含它，svg 只有继承）。现在，这个 "svg" 元素实际上有数百个子标签（"g" 标签），其中大部分（出于我不打算解释的原因）在其属性中覆盖了 "visibility:visible"。

我一个一个地手动编辑了它们（查找和替换），但这有点费力。是否没有我可以使用的命令或函数，以便某个标记的所有子元素（在本例中为 "svg"）将具有属性 "visibility:inherit"？

Answer 1

你可以选择：

svg * {
   visibility:inherit!important;
}

!important 在那里非常重要，因为如果 <g> 中的一些具有内联样式，这将给予该样式更高的优先级。

但我不确定所有 svg 元素都会接受这个属性，svg 元素的样式与其他元素略有不同。

如果您想直接将其应用为内联样式，则必须使用 jQuery，如下所示。

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

将某种样式应用于所有子元素

Applying a certain style to all child elements

html

javascript

css

visibility