CSS规则不适用于svg组转换

我在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组，我想使用transform来定位这些组。

它实际上与一些团体合作。我有组内的团体..这可能是问题？

我用uGroup1做了元素，而且它在css中的表现与我之前所做的完全相同。

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

来源

2012-08-13 EspeH

我发现**问题和解决方案** .. 我做了件有** ** uGroup1并且还和我之前展示的完全一样。在ID中有大写字母的元素存在一些问题。解决方案很简单： ID必须是** ugroup1 **没有大写字母和css，在修改后它开始工作** PERFECTLY ** – EspeH 2012-08-13 20:35:54

解决方案很简单，只是DONT用户大写字母ON ID：S

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

来源

2015-07-31 20:35:07 EspeH

具有多个具有相同ID的元素是错误的。这不是一个有效的XML文档，CSS选择器不能匹配任何内容，而是第一个具有该ID的元素。

您应改为使用类名称。

来源

2012-08-17 18:11:39

我没有具有相同ID的元素！我有8个不同ID的元素，每个人都必须转换到不同的位置。发布我的东西，是它不适用于大写字母。我正在动态添加元素，所以可能存在这个问题，也许它是一些错误！它现在运行，不使用大写字母后！ – EspeH 2012-08-20 00:15:48

CSS规则不适用于svg组转换

回答

相关问题