森のプログラミング練習ブログ

htmlやcssの練習したコードを投稿するブログです。

「div」に付く「id」と「class」の勉強

↓参考サイト

webliker.info

 

参考サイトを見て自分なりにまとめてみました。

 

「id」&「class」=特定の要素にだけ「css」を適用したい時に使用

 

<div>

   <p>赤色にしたい</p>

 <p>赤色にしたい</p>

 <p>黒のまま</p>

</div>

↑1段目と2段目を赤にしたい時、このままだと3段目も赤になってしまうので間違い

 

↓<p>の中に「class」を使用

<div>

   <p class="red">赤色にしたい</p>

 <p class="red">赤色にしたい</p>

 <p>黒のまま</p>

</div>

 

変えたい「p」要素に「class="red"」を入力