0

このセレクターをマージする方法はありますか:

ul#social_footer li a:link,
ul#social_footer li a:visited {}

ID #footer_navigate を持つ ul の同じセレクターが両方のアンカー状態で選択されるようにします。

これが唯一の方法ですか？

ul#social_footer li a:link,
ul#social_footer li a:visited,
ul#footer_navigate li a:link,
ul#footer_navigate li a:visited {}
4

4 に答える 4

2

影響を与えたくないa要素が他にないことを前提として、次のように短縮することができます。

ul li a:link,
ul li a:visited {
    /* css */
}

このアプローチでは、同じセレクターによって一致する他のリンクの特定のスタイルをオーバーライドする必要があるという問題が発生します。

ただし、スタイルを共有するリンクを識別するには、代わりにクラスを使用することをお勧めします。

ul.navigation li a.happyColors:link
ul.navigation li a.happyColors:visited {
    /* CSS */
}

明らかに、代わりに使用することを選択したクラス（またはその他）を追加するには、htmlを編集する必要があります。

于 2012-08-28T15:49:23.083 に答える
2

ul2 つのセレクターが必要なすべてのタグで、追加の共通クラスを追加できます。

この場合、次の css のみを使用できます。

ul.*commonClass* li a:link, ul.*commonClass* li a:visited {}

<ul id="social_footer" class="*commonClass*" >...</ul>
<ul id="footer_navigate" class="*commonClass*" >...</ul>
于 2012-08-28T15:52:46.620 に答える
0

多分このように：

    ul#social_footer li a:link, ul#social_navigate li a:link{

    }

    ul#footer_footer li a:visited, ul#footer_navigate li a:visited{

    }
于 2012-08-28T15:50:33.487 に答える
0

私はあなたが受け入れ可能な答えとしてクラスを追加することを見つけたのを知っています（そしてそれはそうです）。プログラムでcssスタイリングを適用する方法としてlesscssをチェックすることもできます。

于 2012-08-28T17:08:41.370 に答える