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

小さなアウトプット3

 

どうも、ぱぺまぺです。

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

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

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

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

 

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

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

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

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

今回は、これだけです。

 

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

 

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