【はてなブログ】リンクの文字色を変えてみた

スポンサーリンク
f:id:Kawan0116:20180324192601j:plain

かわんです。

最近ちょこっとCSSをいじっています。

で、今日はリンクの文字色を変えてみました。

作業時間5分(笑)

こんな感じにしました。

.blue {
color:blue;
}

で、aタグの1番後ろにクラスを割り当て。

class="blue"

これで終了。めちゃ簡単。

なお、blueが既に存在している場合は、blue以外を割り当てないといけません。

例えば、こんな感じに。

.hoge {
color:blue;
}

クラスはこんな感じに。

class="hoge"

hogeという名前を付けた場合には"class"にも同じ名前を付けないといけません。

なお、自分の好きなクラス名を付けて構いませんが、既にあるクラス名を使ったらあかんよって話です。

注意点

CSSの編集に失敗すると、レイアウトやデザインが崩れる可能性がありますので注意して下さい。

問題が発生しても僕ではサポート出来ませんので自己責任でCSSの編集をして下さい。

また、僕の環境下では上手くいっていますが、あなたの環境下では上手くいかない場合があります。

その場合は、CSSの編集をやめて下さい。

まとめ

という事で、色々と書いてみました。

CSSは面白いですが、危険と隣り合わせ・・・

よって、CSSに詳しくない方は勉強した方が良いと思います。

本を買っても良いですね。

僕は独学で勉強しましたので、その気になれば本が無くてもCSSをマスターすることは出来ます。

ネットをフル活用してCSSの勉強をしてみても良いかも知れないですね。

繰り返しますが、CSSの編集は慎重に。

自己責任CSSの編集をして下さい。