Html 在css中设置向量本身而不是整个SVG的样式

我有一个看起来像箭头的svg，问题是当我在css中设置svg样式时，它会设置整个svg（包围框）的样式，而不是svg本身（箭头）。例如，如果我插入以下内容：

背景：#FFFFFF；
边框：1px实心#达达；
盒影：0px4px4pRGBA（0,0,0,0.25）您尚未包含所有CSS，但我从您的屏幕截图推断，您没有深入到SVG树中，以找到必要的元素。我在下面加入了一些代码，以说明我所说的不仅仅是SVG级别，而是深入到
g
->
path
（大多数SVG代码都有点不同，因此它总是取决于结构，但这就是您的结构）

请注意，并非所有CSS属性都适用于SVG。您可以在


/*您的CSS现在（我在推断）*/
svg.vector-one{
背景：#FFFFFF；
边框：1px实心#达达；
盒影：0px4px4pRGBA（0,0,0,0.25）；
}
/*用绿色填充箭头的CSS示例*/
svg.vector-two g路径{
填充：绿色；
}

SVG本身只是一个（边界）框。它总是长方形的。由于将框阴影应用于元素，因此将其应用于矩形（边界框）。