Question

我有关于svg group transform的问题。

我在css中指定元素样式，像这样。

#uGroup1 {
transform: translateY(200px);
-ms-transform: translateY(200px);
-moz-tranform: translateY(200px);
-webkit-transform: translateY(200px);
-o-tramsform: translateY(200px); }

我正在创建具有元素的组通过javascript到svg元素。它的工作方式就像魅力一样，但是当我用检查器搜索它时，不知何故它不会将这些规范用于匹配的CSS规则。

我意识到，在创建组后，当我将组ID更改为其他名称并将其恢复为“正确”ID时，它会获得这些CSS规则。并且它有效，但是当我创建具有相同想法的新元素时，它再次做同样的事情。

我有很多svg组，我想用变换来定位那些。

它实际上与某些团体合作。我在组内有组...这可能是问题??

我使用 uGroup1 创建了元素，并且它在我之前显示的css中完全相同。

ID中包含大写字母的元素存在一些问题。

Answer 1

拥有多个具有相同ID的元素是错误的。这不是一个有效的XML文档，并且CSS选择器除了第一个具有该ID的元素之外不会匹配任何内容是正常的。

您应该使用类名。

Answer 2

Solution was easy, just DONT USER CAPITAL LETTERS ON ID:S

#ugroup1 {
    transform: translateY(200px);
    -ms-transform: translateY(200px);
    -moz-tranform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-tramsform: translateY(200px); 
}

CSS规则不适用于svg组转换

2 个答案: