0

このページのリンク（およびデモに最適な他のすべてのリンク）がすべてのページでリンクスタイルを共有しているのはなぜですか。このポートフォリオをクリックしてデモを行うには、リンクテキストが白に変わりますが、これはページ下部の「メッセージ」要素（角が丸い青）に対してのみ行う必要がありますか？

これは私のCSSです

.message {
background-color:#54a0d9;
border:1px solid #54a0d9;
color:#fff;
}

.message h2 {
font-size:22px;
color:#fff;
}

.message a:link, a:visited, a:hover, a:active {
color:#fff; }

HTMLは、要素内の通常のリンクです（メッセージ要素の子ではありません）。

確かに、それはメッセージ要素にのみ適用されるべきですか？

私はこれを引き起こしているものについていくつかの研究をしましたが、これまでのところ...

4

1 に答える 1

5

セレクターをコンマで区切ることは、セレクターを完全に別々に考慮することを意味します。だからここに：

.message a:link, a:visited

a:linkこのスタイルを、「メッセージ」のクラスを持つ要素内のs、およびsに適用することを意味しますa:visited。後者はクラスmessageの要素内にある必要はないことに注意してください。.messageカンマ区切りの各用語の前に置くだけで修正できます。

于 2012-11-11T00:42:55.007 に答える