<span>的CSS样式在<a>中包装时丢失了

Question

我有一些我正在使用的扭曲文本,由http://csswarp.eleqtriq.com/生成.它为warping创建了所有的CSS和HTML,我用一个<a>标签来包装跨度,该标签的类用于样式和jquery函数.

问题是,如果我换的跨度<a>,这是我需要的,因为这些扭曲的文字是我的链接,所有的造型(定位最重要的),刚刚消失......如果我删除从跨度包装,风格可以追溯到正常,它看起来扭曲等..

我在这里为我的问题编写了jsfiddle,http://jsfiddle.net/WJDwP/2/.

Answer 1

更改

#warped>span[class^=w]:nth-of-type(n+0)

至

#warped span[class^=w]:nth-of-type(n+0)

>组合子仅选择直接后代的元素.一旦你把<a>元素放在它们之间,它们就不再是直接的后代了.

所以我们应该使用好的旧后代选择器.

参考

• 儿童选择器
• 后代选择器