/* テキスト装飾 */
.px10 {
font-size: 10px;
}
.px12 {
font-size: 12px;
}
.px14 {
font-size: 14px;
}
.px16{
font-size: 16px;
}
.px18{
font-size: 18px;
}
.red {
color: #CA0000;
}
/* /テキスト装飾 */
理想は、class="note"とかの方がいいんだろうけど、ユーザーさんの方で更新したりするサイトも多々あるので、分かりやすいシンプルな装飾cssは、役立ちます。
いちいち作るのも、結構面倒だし、でも使うか使わないか最初は微妙なので、必要になった瞬間に、3秒で全部作成したいじゃないですか。
h1 a:link,
h1 a:visited,
h1 a:hover {
color: #666;
}
h2 a:link,
h2 a:visited,
h2 a:hover {
color: #666;
}
h3 a:link,
h3 a:visited,
h3 a:hover {
color: #666666;
}
h1 a:hover,
h2 a:hover,
h3 a:hover {
text-decoration: none;
}
hxタグにもリンクを貼るサイト多いので、色指定も一緒にしたいので、またまたいちいち書くの面倒なので、メモ。1秒で作りたい病なのです。hoverでアンダーラインが消えるかとうかはお好みで。