テキストリンクのカラーを部分的に変更する:::: CSS ::::
デフォルトのリンクカラーと違う色を部分的に使用したい時は、クラス名、もしくは ID名を付けて範囲指定する。
head
a.xxx:link { color: red }
a.xxx:visited { color: red }
a.xxx:hover { color: #FF3399 }
a.xxx:visited { color: red }
a.xxx:hover { color: #FF3399 }
a#xxx:link { color: red }
a#xxx:visited{ color: red }
a#xxx:hover { color: #FF3399 }
a#xxx:visited{ color: red }
a#xxx:hover { color: #FF3399 }
body
<a href=" 〜 " class=" xxx " > ○○○ </a>
<a href=" 〜 " id=" xxx " > ○○○ </a>
<a href=" 〜 " id=" xxx " > ○○○ </a>
テーブル内のリンクカラーを変更する。
head
table a:link { color: red }
table a:visited { color: red }
table a:hover { color: #FF3399 }
table a:visited { color: red }
table a:hover { color: #FF3399 }
<a>タグを<div>タグなどで囲って指定する方法。
head
.xxx a:link { color: red }
.xxx a:visited { color: red }
.xxx a:hover { color: #FF3399 }
.xxx a:visited { color: red }
.xxx a:hover { color: #FF3399 }
body
<div class=" xxx "><a href="〜" > ○○○ </a></div>