2

divごとに異なるハイパーリンクスタイルを設定しようとしています。全体的なハイパーリンクスタイルと、そのdiv内のすべてのハイパーリンクを完全に異なるスタイルにするdivがあります。cssのコーディング方法がわかりません。どんな助けでも素晴らしいでしょう。

a {color:#d85d5d; font-weight:bold; text-decoration:none;}
a:hover {color:#222; text-decoration:underline;}

.SingleLink
{
    #a
    #a:{
        text-decoration: underline;
    }

    #a:link {
        color: #0000FF;
    }

    #a:visited {
        color: #660099;
    }

    #a:active {
        color #FF0000;
    }

    #a:hover {
        font-weight: bold;
    }

}

つまり、基本的に、私のページのすべてに最初のaがあり、次に.SingleLinkdivのすべてに異なるハイパーリンクスタイルがあります。

ありがとう！

4

2 に答える 2

3

それぞれにクラス名を使用する必要があります。純粋なCSSを使用した例のように、クラス名をラップすることはできません。

以下のコードを使用すると、これを修正する必要があります。

.SingleLink a {  text-decoration: underline; }

.SingleLink a:link { color: #0000FF; }

.SingleLink a:visited { color: #660099; }

.SingleLink a:active { color #FF0000; }

.SingleLink a:hover { font-weight: bold; }
于 2013-03-27T14:10:00.753 に答える
3

次のように、ルールごとに.SingleLinkセレクターを指定する必要があります。

.SingleLink a:link { color: #0000FF; }

.SingleLink a:visited { color: #660099; }

.SingleLink a:active { color #FF0000; }

.SingleLink a:hover { font-weight: bold; }

{}を使用してセレクターの下でルールをグループ化することは、 LESSなどの一部のCSSプリプロセッサーでのみ有効な構文ですが、「純粋な」CSSとしては有効ではありません。

于 2013-03-27T14:10:13.857 に答える