Css svg-预定义元素上的样式

我尝试将css样式应用于svg元素。我想在没有任何脚本的情况下执行此操作

虽然样式似乎不适用于

：

矩形：悬停{
不透明度：0.5；
}
周一
清华大学

这项工作：

    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
    "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="300" height="80">

        <style>
            rect:hover {
                opacity: 0.5;
            }
        </style>

        <rect id="box" x="0" y="0" width="30" height="20" rx="3" ry="3" style="fill:green;stroke-width:1;stroke:rgb(0,0,0)"/>       

    </svg>

矩形：悬停{
不透明度：0.5；
}

有没有一种方法可以应用css？是否有其他方法将其应用于

-元素？或任何解决方法？

编辑--这是对原始问题的回答，该问题现已更新并使回答无效。

当然，只要给

use

一个类或ID即可

.box{
填充：绿色；
笔画宽度：1；
笔划：rgb（0,0,0）；
}
.box:悬停{
填充物：红色；
}

问题是我在

中的

组中有多个

，我想单独应用悬停效果。（我对问题进行了编辑，使其更加具体）不，你不能那样做。您无法“进入”a

use

到假定的子元素…它们实际上不在

use

中…只是像

href

一样引用。请参阅与您的问题重复的链接问题。

    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
    "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="300" height="80">

        <style>
            rect:hover {
                opacity: 0.5;
            }
        </style>

        <rect id="box" x="0" y="0" width="30" height="20" rx="3" ry="3" style="fill:green;stroke-width:1;stroke:rgb(0,0,0)"/>       

    </svg>