「class」の勉強

↓参考サイト

webliker.info

「html」内での「class」の書き方

「id」属性と一緒の形式

<タグ名　class="class名">

↓

<p class="class名">

• class名は半角英数字で
• 「＿」「ー」の記号が使用可能
• 先頭に数字は使用不可

「CSS」内での「class」の書き方

「.」＋「class」名

_____________________________

.class{

   プロパティ: 値;

}

_____________________________

※classは同じページに複数書いても大丈夫

--------------------------------------------------

<div>

     <p class="red">赤色</p>

     <p class="red">赤色</p>

     <p>黒色</p>

</div>

--------------------------------------------------

• 「id」は同じページに「id」要素が複数存在するのはＮＧ
• 「class」はその制限は無く、１個や複数でもＯＫ

「id」と「class」は同じタグに付けても大丈夫

↓例

<p id="only" class="txt">←同じ要素に「id」と「class」が付いている

<p class="para" class="txt">←２個の「class」が付いている

↑同じ要素に複数の「id」や「class」を付けるのは「html」のルールでは大丈夫