CSSセレクタを使用してラベルスタイルを設定するサンプルコード

CSS セレクター

HTML タグにスタイルを設定すると、タグの属性を設定できます。

<div style="background-color: #2459a2;height: 48px;">ああ</div>

<head>タグにセレクターを設定することもできるので、各スタイルを一度だけ記述するだけで済みます。

<ヘッド>
    <メタ文字セット="UTF-8">
    <title>タイトル</title>
    <スタイル>
        <!--ここにセレクターを記述します-->
    </スタイル>
</head>

特定のセレクターは多数あります:

1. IDでスタイルをコピーする

#i1{
    背景色: #2459a2;
    高さ: 48px;
}

本文のタグは次のように使用されます: ただし、複数の ID を書き込むことはできないため、複数回使用することはできません。

    <div id="i1"></div>
    <div id="i1"></div>ただし、複数の ID を書くことはできません (標準ではありません)

2. クラス別にコピー:

/*クラスセレクター: このスタイルをコピーするには、class=c1 を使用しますが、ID を統一する必要があるという欠点を回避します*/
.c1{
    背景色: #2459a2;
    高さ: 60px;
}

使用する場合:

 <div class="c1">1251251</div> は倍数で表記できます <div class="c1">1251253</div> は倍数で表記できます

3. タグセレクター: 特定のタグをこのスタイルに変更します。

タグセレクター: すべてのdivタグを黒の背景と白のテキストに変更します

div{
    背景色: 黒;
    色: 白;
}

4. レベルセレクター: 中央のスペース

階層セレクター: spanタグ内のdivタグをこのスタイルに変更します

  スパン div{
            背景色: 黒;
            色: 白;
        }
        レイヤー: c1 と c2 の div をこのスタイルに設定します。c1 .c2 div{
            背景色: 黒;
            色: 白;
        }

5. 結合セレクター: 中央のカンマ

    <スタイル>
        組み合わせセレクタ: # または . は、#i1、#i2、#i3{ の組み合わせを実現できます。
            背景色: 黒;
            色: 白;
        }
        .c5,.c6,.c7{
            背景色: 黒;
            色: 白;
        }
    </スタイル>

6. 属性セレクター:

    <スタイル>        
        /*属性セレクター: type='text' をこのスタイルに設定します*/
        入力[タイプ='テキスト']{
            幅: 100ピクセル;
            高さ: 200px;
        }
        カスタムn値s1ラベルをこのスタイルに設定しますinput[n='s1']{
            幅: 100ピクセル;
            高さ: 200px;
        }
    </スタイル>

要約する

上記はエディターが紹介した CSS セレクター設定ラベルスタイルのサンプルコードです。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。エディターがすぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。

<<: Web ページでフラッシュの wmode 属性を使用する方法をご存知ですか?

>>: MySQLは文字列の連結、インターセプション、置換、位置検索操作を実装しています