すべての子要素に特定のスタイルを適用する

Question

"svg"というタグがあるので、ボタンを押すたびに "visibility"プロパティの値が "hidden"になります（divを含むdivで機能するトグルです） svgは継承しているだけです）。さて、この "svg"要素は文字通り何百もの子タグ（ "g"タグ）を持っています。そのほとんどは、私が説明しない理由から、そのプロパティに "visibility：visible"を上書きしています。

手作業で1枚ずつ（検索して置き換えて）編集しましたが、それはちょっとしたものでした。特定のタグ（この場合「svg」）のすべての子要素が「visibility：inherit」というプロパティを持つように、私が使用できるコマンドまたは関数はありませんか？あなたが一緒に行くことができ

Answer 1

：<g>のいくつかは、インラインスタイルを持っていた場合、これは、このスタイルに高い優先順位を与えるため

svg * { 
    visibility:inherit!important; 
} 

!importantが本当に重要です。

しかし、すべてのsvg要素がこのプロパティを受け入れるかどうかはわかりませんが、svg要素のスタイリングは他の要素とは少し異なります。

これをインラインスタイルとして直接適用する場合は、以下のようにjQueryを使用する必要があります。

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