css - CSSですべての疑似クラスを選択するにはどうすればよいですか？

Question

私はボタンを持っていて、cssベローズを短くすることが可能かどうか知りたいと思いました。

.button a:link, .button a:visited, .button a:hover, .button a:active {
    color: #000;
    text-decoration: none;
}

私は多分意味します：

.button a:* {
    color: #000;
    text-decoration: none;
}

もっと短い方法はないかもしれませんが、私は知りたかっただけです。私はこのようなものを見つけました：

.button a:link:visited:hover:active {
    color: #000;
    text-decoration: none;
}

しかし、それは機能していませんでした。理由はわかりません。詳細については、ファイルの先頭にaの一般的なcssを記載しています。

a:link {
    color: #DA5632;
}
a:visited {
    color: #CE3408;
}
a:hover {
    color: #289BF8;
}
a:active {
    color: #CE3408;
}

したがって、ボタンクラスaはメインのCSSを上書きする必要があります。

score 6 · Accepted Answer

.button aは、あなたが必要とすることすべてです

私は常にデフォルトのスタイルをに設定しa、別の効果が必要な場合にのみ疑似クラスをターゲットにします。

コメントからの修正を含めるように編集します。

要素のデフォルトスタイルは次のように宣言されているためです。

a:link {
    color: #DA5632;
}
a:visited {
    color: #CE3408;
}
a:hover {
    color: #289BF8;
}
a:active {
    color: #CE3408;
}

スタイルシートの上部では、body .button a選択性を高めて、適用するスタイルの重要性を高めることで、スタイルシートを作成する必要があります。

score 0 · Accepted Answer

試してみることがいくつかあります

スタイルシートに「.buttona」のルールがあることを確認してください。また、このスタイルシートが「a」のルールを定義するグローバルスタイルシートの後に含まれていることを確認してください。

それでも問題が解決しない場合は、「。button> a」のように、直接の子孫のみを選択して、より具体的にしてみてください。

それがうまくいかない場合は、悪い習慣ですが、次のように、いつでも自分のスタイルを重要としてマークすることができます。

color: #fff !important;

これは、それらが最後に解析されることを要求します。

2 に答える 2