Javascript svg g标记的可见性不起作用

我在应用程序中使用svg，并使用g标记对所有元素进行分组。第一个g标记包含多个g标记，所有g标记都有自己不同的可见性样式。如果我将可见性设置为隐藏到父g标记，它将影响其他g标记元素。我需要通过设置父元素的可见性来隐藏所有g标记元素，但子元素的可见性样式不应更改

这里是svg示例

<svg height: "200" width="200">
    <g style="visibility:hidden">
        <g style="visibility:visible">
            <circle cx="100" cy="100" fill="green" r="15" />
        </g>
    </g>
</svg>

这是

---

如何设置父g标记的可见性而不更改其子元素可见性？

尝试使用

不透明度：0

而不是

可见性：隐藏

另外，您应该看看这个示例
尝试使用
不透明度：0
而不是
可见性：隐藏

另外，你应该仔细看这个例子，很难理解其他人所说的你想要的是什么

我已经删除了这个答案，因为我觉得我没有抓住你的重点，但我认为它仍然有帮助，它仍然会显示矩形，但隐藏圆形，所以我暂时保留了答案。你还想发生什么

<svg height:"200" width="200">
    <g style="visibility:hidden">
        <g style="visibility:hidden">
            <circle style="visibility: hidden"cx="100" cy="100" fill="green" r="15"/>
            <rect style="visibility: visible" x="50" y="50" width="50" height="50"/>
        </g>
    </g>

</svg>

很难像其他人说的那样完全理解你在追求什么

我已经删除了这个答案，因为我觉得我没有抓住你的重点，但我认为它仍然有帮助，它仍然会显示矩形，但隐藏圆形，所以我暂时保留了答案。你还想发生什么

<svg height:"200" width="200">
    <g style="visibility:hidden">
        <g style="visibility:hidden">
            <circle style="visibility: hidden"cx="100" cy="100" fill="green" r="15"/>
            <rect style="visibility: visible" x="50" y="50" width="50" height="50"/>
        </g>
    </g>

</svg>


可见性就是这样工作的。更改父可见性时，您试图实现什么目标？如果答案是否定的，那就别再做了。有什么理由投反对票吗？。有人能解释吗？我猜否决票是因为这个问题没有真正意义。你不能让一个盒子不可见，也不能让里面的东西不可见。这就是可见性的工作原理。更改父可见性时，您试图实现什么目标？如果答案是否定的，那就别再做了。有什么理由投反对票吗？。有人能解释吗？我猜否决票是因为这个问题没有真正意义。你不能使框不可见，也不能使内容不可见。我需要如何从父样式隐藏子元素
可见性样式所做的唯一事情就是为其子样式。如果这不是您想要的，那么就不要这样做。@RobertLongson我需要所有子元素的可见性属性，但是如何使用其父元素隐藏所有子元素
elementopacity:0到父元素将隐藏该元素的所有子元素。您可以在执行此操作时通过将可见性设置为hidden来隐藏所有子元素。我不明白您想要实现什么。我需要如何对父样式隐藏子元素
可见性样式所做的唯一事情就是为其子样式。如果这不是您想要的，那么就不要这样做。@RobertLongson我需要所有子元素的可见性属性，但是如何使用其父元素隐藏所有子元素
elementopacity:0到父元素将隐藏该元素的所有子元素。您可以在执行此操作时通过将可见性设置为hidden来隐藏所有子元素。我不明白你想达到什么目的。