对所有子元素应用某种样式

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'); 
})