對所有子元素應用某種樣式

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