リンクの色を個別に変える (スタイルシートクラス)

リンクの色を個別に変えるにはスタイルシートを使います。ここでは、あらかじめスタイルシートクラスを定義してaタグのclass属性にクラス名を指定して色を変えます。このサンプルではtopのリンク文字を赤色にします。
CSSアイコンをクリックします。

CSSエディタで「新規クラススタイルを作成」ボタンをクリックします。

ここではredというクラス名を定義するので.redと入力します。

カラーの部分をクリックしてから、カラーパレットで文字の色を指定します。

ソースモードにします。

色を変更したいaタグにclass="red"と入力します。redは先ほど定義したクラス名です。

1つだけリンクの色が変更されます。