今日の小さなアウトプット

今日の小さなアウトプット3 タグに名前つける

プログラミングアウトプット

小さなアウトプット3

 

どうも、ぱぺまぺです。

今回はタグに名前をつけます。

HTMLにclassを使って要素に名前をつけることが出来ます。

今回も前回つかったやつを使います。

箇条書きリストの中で、1つだけ強調したいとか1つだけに操作を適用させたい、という場合です。

 

<li>のひとつだけにclass名を適当につけました。

class名を指定すれば、cssのほうで名前をつけたやつだけにコードを適用することができます。

See the Pen
MdGrZz
by ぱぺまぺ@社畜✕投資✕ブロガー (@ppmp65)
on CodePen.

  • class名つけたものだけを赤文字にした。

今回は、これだけです。

 

ひとつ注意点としては、class名をつけたものは、CSSでは必ず .(ドット)をつけることがルールになっています。
⬆のコードペンでも .(ドット)をつけた表記のものがあります。

 

ここまで読んでくださりありがとうございました。