css - CSSでいくつかのリンクの横に矢印を追加するには?

Question

css にドロップダウンがあるリンクの横に小さな矢印を追加するにはどうすればよいですか?

background: url('arrow.png') no-repeat 0 0;

これを使用すると、すべてのリンクの左側に矢印が追加されますが、サブメニューのあるものにのみ矢印が必要です。

何か助けはありますか？

Answer 1

http://www.w3schools.com/cssref/css3_pr_background.aspは、あらゆる種類の CSS 構文に関する質問に対する優れたリファレンスです。

CSS ルールを定義した方法により、矢印が左上に配置されます。たとえば、右側の中央に配置するには、次を使用します。

background: url('arrow.png') no-repeat right center;

背景画像がテキストの後ろにならないように、パディングを追加することもお勧めします。

padding-right: 15px;

inlineパディングを機能させるには、 からへのリンクの表示をオーバーライドする必要がありますinline-block。

display: inline-block;

矢印のサイズを変更するには、小さい画像を使用するか、 background-size属性を使用できますが、後者を使用すると IE8 以下のサポートが失われます。

Answer 2

あなたが持っていた他の回答に基づいて、あなたの質問はかなり変わったように見えます...しかし、現状のままで答えるには、リンクの一部でそれが必要な場合は、それらのリンクに追加のクラスを追加することができます.そのクラスだけに背景画像を追加します。

Answer 3

これを試して

background-position:right;