CSS class設定

タグにクラス名設定するとこで、クラス名が設定されている場合のみに、設定が反映されるようになります。
コーディング例

---

<style type="text/css">
    li.advertising {
        display: inline-block;
    }
</style>

<ul>
    <li class=advertising >
        advertisingクラスが有効なliタグ
    </li>
    <li class=advertising >
        advertisingクラスが有効なliタグ
    </li>

    <li>
        advertisingクラスが無効なliタグ
    </li>
    <li>
        advertisingクラスが無効なliタグ
     </li>
</ul>

 
表示例

---

実際にブラウザで見ると次の様に表示されます。

• 【advertisingクラスが有効なliタグ】
• 【advertisingクラスが有効なliタグ】
• 【advertisingクラスが無効なliタグ】
• 【advertisingクラスが無効なliタグ】

 

---