jquery - 的 CSS 样式在 中包装时丢失

Question

我正在使用一些扭曲的文本，由 http://csswarp.eleqtriq.com/ 生成.它为变形创建所有 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>他们之间的元素，他们不再是直系后代。

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

引用资料

• > Child selectors
• > Descendant selectors