大家好
這個問題純粹是CSS的問題，所以我想應該是在這裡問吧?
是這樣的
維護的網頁使用CSS來完成隱藏某區塊，直到滑鼠移過去才顯示特殊的樣式的效果
原本的寫法是像這樣
...
.someClass a span {...(隱藏與設定顯示樣示)...}
.someClass a:hover span {...(改為顯示)...}
...
樣式的寫法本身沒有問題
但因為後來加上某個JS功能後
JS會自動在目前對象的span裡面加上span
造成版面混亂
我的解法是改成
.someClass a > span { ... }
這樣子就解決了上面遇到的問題
但後來有史用者(無誤)回報
用IE7開的話CSS都失效了，原本隱藏的都跑出來了
後來發現是我加上去的 > 符號造成
去掉後就恢復隱藏功能，只是版面又亂掉
只好另外用其他方式解決
後來我查wiki http://tinyurl.com/nxtms2z
上面顯示
E > F 子元素 Trident 7.0
再查 Trident 7.0，發現他表示 IE 11.0.x
這表示在 IE11 之前都不支援 > 的子元素選擇器 ??
可是依照 http://kimblim.dk/css-tests/selectors/
IE7 應該有支援 > 的寫法才對阿?
那到底為什麼這個寫法會失效 orz
更神奇的是對方說連非模擬模式的原生 IE9 也一樣失效...
怎麼會這樣...