4

個々の要素ごとに新しいセレクターを作成することなく、id またはクラスを使用してリンクをスタイリングする方法はありますか? たとえば、このようなもの、またはこれに近いものが望ましいでしょう

#logo {
    a: link {color: black}
    a: visited{color: black}
    a: hover{color: black}
}

ただし、上記の構文は機能しません。代わりに、私が見つけることができるのは

#logo a:hover {
    color: black;
}


#logo a:visited {
color: white
}

これよりも簡単な方法があるように感じます。

4

5 に答える 5

10

すべてのリンクに対してそれを行う方法は次のとおりです。

#logo a:link,
#logo a:visited,
#logo a:hover {
   color: black;
}
于 2012-12-06T01:43:32.257 に答える
5

1 つのページでタグを使用して CSS で異なるスタイルを処理する場合、すべてのブラウザーがクラスまたは ID でタグ スタイルを分離する上記の方法をサポートしているわけではありません。

以下の方法に従うことができます：

**If using ID with Field**


a:link#myID {
    color: green;
    background-color: transparent;
    text-decoration: none;
} 
a:visited#myID {
    color: pink;
    background-color: transparent;
    text-decoration: none;
}
a:hover#myID {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}
a:active#myID {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;
}

    <a  href="#" target="_blank" ID="myID">Click Here</a> 

**If using Class with Field**


a:link.myClass {
    color: green;
    background-color: transparent;
    text-decoration: none;
} 
a:visited.myClass {
    color: pink;
    background-color: transparent;
    text-decoration: none;
}
a:hover.myClass {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}
a:active.lx {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;
}

<a  href="#" target="_blank" class="myClass">Click Here</a>
于 2016-05-31T08:29:25.860 に答える
1

cssに直接ではありませんが、cssを拡張するプロジェクトがいくつかあります

サスをチェックしてください：

http://sass-lang.com

于 2012-12-06T01:44:05.827 に答える
0

純粋な CSS では、各疑似セレクターを指定する必要がありますが、それらをグループ化して同じスタイル属性を適用できます。

#logo a:link,
#logo a:visited,
#logo a:hover {
  color: black;
}

リンク疑似クラスの順序が重要であることに注意してください。

于 2012-12-06T01:47:18.703 に答える
0

また、現在の CSS 構文はそれほど最適ではないと思います。私の個人的な選択は、LESSのような、より直感的でコンパクトな構文を使用して作業のスタイルを設定することです。

于 2012-12-06T01:44:40.227 に答える