スモールビジネスのIT日誌

• (2016-04-18 05:52:45)

「a要素」はcssシートの最初に宣言しがち

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

しかし、ある特定のクラス内だけのa要素は違う設定をしたいとき
「子孫セレクタ」で適用範囲を限定する

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

これはkokoというクラス内だけに適応させたい場合。
最初「a:link」だけにつけて動作せずあせる。
visitedやhoverにもつけること。

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