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

小さなアウトプット3

 

どうも、ぱぺまぺです。

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

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

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

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

 

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

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

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

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

今回は、これだけです。

 

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

 

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

  1. ポートフォリオ

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

    今日のちいさなアウトプット プログラミング学習ログ46~50日目
  2. htmlとcss

    未分類

    プログラミング初心者は、HTMLとCSSから入るべき。
  3. 未分類

    連勤地獄でしばらく更新停止します。
  4. ポートフォリオ

    プログラミング勉強

    未経験・初心者によるポートフォリオ作成方法
  5. 未分類

    びっくりするぐらいコーディング模写ができなかった話
PAGE TOP