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組轉換

回答

相關問題