Anwenden eines bestimmten Stils auf alle Kindelemente

Question

Also habe ich ein Tag namens "svg", dessen Eigenschaft "visibility" den Wert "hidden" erhält, wenn ich eine Taste drücke (es ist ein Toggle, der auf dem "div" funktioniert) SVG hat nur erben). Nun, diese "svg" -Elemente haben buchstäblich hunderte von Kind-Tags ("g" -Tags), von denen die meisten aus Gründen, die ich nicht erklären werde, in ihren Eigenschaften ein "Sichtbarkeit: sichtbar" überschrieben haben.

Ich bearbeitete alle manuell einzeln (suchen und ersetzen), aber es war eine Art von Slog. Gibt es nicht einen Befehl oder eine Funktion, die ich verwenden kann, damit ALLE untergeordneten Elemente eines bestimmten Tags (in diesem Fall "svg") die Eigenschaft "Sichtbarkeit: erben" haben?

Answer 1

könnten Sie gehen mit:

svg * { 
    visibility:inherit!important; 
} 

!important es wirklich wichtig ist, weil, wenn einige <g> diese Inline-Stil hatte wird dieser Stil eine höhere Priorität geben.

Aber ich bin nicht sicher, dass alle SVG-Elemente diese Eigenschaft akzeptieren, Styling Svg-Elemente ist ein bisschen anders als alles andere.

Wenn Sie dies direkt als Inline-Stil anwenden möchten, müssten Sie jQuery wie folgt verwenden.

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