Css Svg悬停矩形更改颜色

我有一个巨大的svg文件，其中包含一个小矩形。当你将鼠标悬停在这个矩形上时，我想让它改变颜色。我不能在MouseOver b/c上使用java，这是一个学校项目，我们被告知只能使用html、html5、css和css3。我一直在尝试各种各样的事情，但我不明白为什么它不起作用。我只添加了矩形g容器位。以及我正在使用的样式代码。我已经尝试将这个样式代码添加到标题中，就在svg起始标记thingy之后，添加到g容器中，添加到rect本身中（在本例中没有样式标记）。我可以添加整个svg文件，但这是一个庞大的东西，所以我只会在请求时这样做

 <g
     inkscape:groupmode="layer"
     id="layer12"
     inkscape:label="Hobitton Stadticon"
     style="display:inline"
     sodipodi:insensitive="true"
     >
     <style type="text/css">
 <![CDATA[
     .rect10023:hover {fill: #0000FF;}]]>
     </style>

       <rect
       style="fill:#DF0101;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;"
       id="rect10023"
       width="8.2568808"
       height="6.880734"
       x="266.97247"
       y="201.43393" 
       />
    <text
       xml:space="preserve"
       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
       x="343.72607"
       y="-32.097607"
       id="text10025"
       sodipodi:linespacing="125%"
       transform="matrix(0.72346735,0.6903586,-0.6903586,0.72346735,0,0)"
       inkscape:transform-center-x="10.550459"
       inkscape:transform-center-y="-7.7981651"><tspan
         sodipodi:role="line"
         id="tspan10027"
         x="343.72607"
         y="-32.097607"
         style="font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Chiller;-inkscape-font-specification:Chiller">Hobbiton</tspan></text>
  </g>

霍比屯

这是因为您使用内联样式定义了矩形的填充，并且您正在为类而不是ID设置样式。请将

更改为

并删除该

填充：#DF0101和悬停功能
 这是因为您使用内联样式定义了矩形的填充，并且您正在设置类的样式，而不是ID。请将
更改为
，然后删除
填充：#DF0101和悬停功能
 1）rect有一个id，而不是一个类，所以使用
#rect1023:hover

2） 您需要从内联样式中删除矩形的填充，或者

您需要使用
fill:#0000FF！重要的
在类中
1）rect有一个id，而不是类，因此使用
#rect1023:hover

2） 您需要从内联样式中删除矩形的填充，或者

您需要使用
fill:#0000FF！重要的在你的类中
对于初学者来说：1）rect有一个id，而不是类，所以使用
#rect1023:hover
2）你要么需要从内联样式中删除rect的填充，要么需要使用fill:
#0000FF！重要的在你的课堂上，谢谢！现在一切正常！谢谢您的快速回复！对于初学者：1）rect有一个id，而不是一个类，因此使用
\rect1023:hover
2）您要么需要从内联样式中删除rect的填充，要么需要使用fill:
\0000FF！重要的在你的课堂上，谢谢！现在一切正常！谢谢您的快速回复！