5

リンクの種類に応じて、リンクにCSSがあります。この場合、パスワードで保護されており、外部リンクです。

だから私はこのようなCSSを持っています：

a.external-link:after { padding-left: 2px; content: url(../images/icon-external-link.gif); }
a.restricted-link:after { padding-left: 2px; content: url(../images/icon-lock.png);}

しかし、私がこのようなことをしようとすると：

<a class="external-link restricted-link" href="some link">Some Link</a>

最後のアイコン、この場合はicon-lock.pngのみが表示されます。これは理にかなっています。コンテンツ値は結合されていない場合に一度しか設定できないため、最後のクラス宣言がそれを上書きします。これらのリンククラスを簡単に組み合わせることができるように、これら2つを組み合わせる方法はありますか（合計4つあります）。コンボごとに別々のクラス/画像を作成したくありません。

4

1 に答える 1

10

あなたにそれを壊すことは嫌いです、しかしあなたはコンボごとに別々のクラス/画像を作らなければならないでしょう。特に、どのコンテンツを最初に配置するかを知る方法がないためです。

a.external-link.restricted-link:after
{
  content: url(ext) url(res);
}

vs

a.external-link.restricted-link:after
{
  content: url(res) url(ext);
}
于 2011-01-05T17:50:58.187 に答える