0

http://csswarp.eleqtriq.com/によって生成された、使用している歪んだテキストがあります。ワープ用のすべてのCSSとHTMLを作成します。私は<a>、クラスがスタイリングとjquery関数に使用されるタグでスパンをラップしています。

問題は、<a>これらの歪んだ単語が私のリンクであるために必要なスパンをでラップすると、すべてのスタイリング（最も重要な位置）が消えてしまうことです...スパンからラッパーを削除すると、スタイルはに戻ります正常で、ゆがんでいるように見えます。

私は自分の問題のためにここにjsfiddleを書きました、http： //jsfiddle.net/WJDwP/2/ 。

4

2 に答える 2

6

変化する

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

に

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

>コンビネータは、直接の子孫である要素のみを選択します。それらの間に要素を配置<a>すると、それらは直接の子孫ではなくなります。

したがって、代わりに古き良き子孫セレクターを使用する必要があります。

参考文献

于 2012-08-24T03:48:15.213 に答える
1

あなたが何を求めているのかを正確に理解していれば、それは非常に簡単な修正です。＃warped> span [class ^ = w]セレクターを、スパンを囲むaを組み込んだセレクターとスタックする必要があります。

#warped a>span[class^=w]:nth-of-type(n+0), #warped>span[class^=w]:nth-of-type(n+0){    
     display:block; position:absolute;
     -moz-transform-origin:50% 100%; 
     -webkit-transform-origin:50% 100%; -o-transform-origin:50%
     100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; }

これがあなたのフィドルの上記です：http：//jsfiddle.net/hanleybrand/5RHvk/

于 2012-08-24T03:51:43.903 に答える