HTML要素にIDセレクターを使用するかクラスセレクターを使用するかを決定するにはどうすればよいですか? （例）-CSSチュートリアル-php.cn

HTML要素にIDセレクターを使用するかクラスセレクターを使用するかを決定するにはどうすればよいですか? （例）

藏色散人

リリース： 2018-08-11 15:27:11

オリジナル

4539 人が閲覧しました

ウェブサイトを構築するときは、ウェブサイトのコンテンツのスタイルを設定する必要があります。では、HTML 要素に CSS スタイルを設定したい場合は、どこから始めればよいのでしょうか?ここでは、HTML 要素に ID セレクターとクラスセレクターを設定する必要があります。初心者の友人の中には、CSS クラスの使い方を尋ねる人もいるかもしれません。 div タグには id または class を使用する必要がありますか?

この記事では、CSSクラスセレクターIDとクラスの使い方と違いを紹介します。 idとclassについての分かりやすい説明が皆様のお役に立てれば幸いです。

1. CSS クラスセレクター ID コードの使用例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        #p1
        {
            text-align:center;
            color:red;
        }
    </style>
</head>
<body>
<p id="p1">css定义id选择器示例</p>
<p>这一段文字就不会受影响。</p>
</body>
</html>

ログイン後にコピー

効果は次のとおりです:

HTML要素にIDセレクターを使用するかクラスセレクターを使用するかを決定するにはどうすればよいですか? （例）

2. CSS クラスセレクターのクラスコードの使用例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        .p1
        {
            text-align:center;
            color: #3262ff;
        }
    </style>
</head>
<body>
<p class="p1">css定义class选择器示例</p>
<p>这一段文字就不会受影响。</p>
</body>
</html>

ログイン後にコピー

効果は次のとおりです:

HTML要素にIDセレクターを使用するかクラスセレクターを使用するかを決定するにはどうすればよいですか? （例）