Question

所以我有一个名为“svg”的标签，当我按下一个按钮时，它的“visibility”属性获得“隐藏”的值（它是一个在包含它的“div”上工作的切换，svg只有继承）。现在，这个“svg”元素实际上有数百个子标签（“g”标签），其中大部分由于我不打算解释的原因，在其属性中覆盖了“可见性：可见”。

我一个接一个地手动编辑了所有这些（查找和替换），但它有点像是一种混乱。是不是我可以使用命令或函数，以便某个标记的所有子元素（在本例中为“svg”）将具有属性“visibility：inherit”？

Answer 1

你可以选择：

svg * {
   visibility:inherit!important;
}

!important非常重要，因为如果某些<g>具有内联样式，则会为此样式赋予更高的优先级。

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

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

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