3

動的 Cookie トレイル メニューに a:after メソッドを使用しています。

トピック > トピック > トピック > トピック

">" は font awesome のアイコンです

しかし、トピックにカーソルを合わせたときに「>」から下線を取り除きたい

これが私のコードです:

<div id="cookie">

 <ul>
<li><a href='#'>Leaders</a> </li>
<li><a href='#'>Topic</a> </li>
<li>Topic</li>
</ul>

アフターCSSでa:hoverのさまざまな方法を試しましたが、運がありません。

これが私のjsfiddleです

4

4 に答える 4

1

代わりに使用:afterしてください。li

#cookie ul li:after {
    content: '\f105';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration:none;
    padding:0px 0px 0px 12px;
}
于 2013-08-02T22:02:50.153 に答える
1

li要素に追加します

一貫性を保つために、最後の子からフォント awesome を削除する必要があります

#cookie ul li:after {
     content: '\f105';
     font-family: FontAwesome;
     font-weight: normal;
     font-style: normal;
     text-decoration:none;
     padding:0px 0px 0px 12px;
}
#cookie ul li:last-child:after {
    content: '';
    font-family: FontAwesome;
}

デモhttp://jsfiddle.net/kevinPHPkevin/9k5sf/1/

于 2013-08-02T22:17:26.210 に答える
-1

Wordpress で font-awesome を使用しているときに、下線に取り組んできました。私の解決策は、border:0; を設定することでした。「線」はテキスト装飾ではなく境界線であることが判明しました。

于 2016-01-21T05:48:43.780 に答える