ホームページ > 記事 > ウェブフロントエンド > CSS ファイルには . で始まるものと # で始まるものがあるのはなぜですか? 両方を使用することは可能ですか? _html/css_WEB-ITnose

CSS ファイルには . で始まるものと # で始まるものがあるのはなぜですか? 両方を使用することは可能ですか? _html/css_WEB-ITnose

WBOYオリジナル: 2016-06-24 12:08:241704ブラウズ

2 つの違いはありますか? 先頭は CSS ファイルの最初の行を指します

ディスカッションへの返信 (解決策)

はクラス # を意味します

例:

css:.a{}

css:#a{}

1. 重複する ID は許可されません。たとえば、div id= a" は 2 回重複することができず、class は理論的には無限に繰り返すことができるクラスを定義します。必要に応じて何度でも参照できます。

2. 属性の優先順位の問題: ID はクラスよりも高い優先順位を持っています。以下のコードに例があります。
3. JS および他のクライアントスクリプトを参照すると便利です。ページ内のオブジェクトに対してスクリプト操作を実行する場合は、ID を定義できます。それ以外の場合は、ページ要素を走査して指定することによってのみ見つけることができます。これは比較的時間とリソースの無駄であり、ID よりもはるかに単純で高速ではありません。

#id の優先順位が高く、複数の

に使用できるのは
.class だけです

これらはすべてスタイルセレクターです

1. # は、スタイルの定義ではあまり使用されません
2. . カテゴリセレクター
3 . タグセレクターたとえば、要素 p タグスタイル、HTML 内の p に関連するすべてのコンテンツは、定義したスタイルを使用します
4. 子孫セレクターたとえば、ul および li.ul li{} そうすると、ul の下のすべてのコンテンツは次のようになります。すべては定義したエフェクトに基づいています

これらはより一般的に使用されます。詳細を確認したい場合は、Baidu の「CSS セレクター」の詳細な紹介を参照してください

これらはすべてスタイルセレクターです

1. # は ID です。セレクター。これは、スタイルの定義ではあまり使用されません。 3. タグセレクター。たとえば、要素 p タグスタイルは、HTML 内の p に関連するすべてのコンテンツを識別します。 4. 子孫セレクターたとえば、ul と li .ul li{} そうすると、ul の下にあるすべての li のスタイルに、定義した効果が適用されます

詳細を確認したい場合は、「css」と入力してください。 Baidu の「selector」の紹介がとても詳しく
css selector、その後に優先順位があります！

1. Web 標準では ID の重複は許可されていません。たとえば、div id="a" はクラスを 2 回繰り返すことは許可されておらず、理論的には無限に繰り返すことができます。必要に応じて何度でも参照できます。
2. 属性の優先順位の問題: ID はクラスよりも高い優先順位を持っています。以下のコードに例があります。
3. JS および他のクライアントスクリプトを参照すると便利です。ページ内のオブジェクトに対してスクリプト操作を実行する場合は、ID を定義できます。それ以外の場合は、ページ要素を走査して指定することによってのみ見つけることができます。これは比較的役に立ちません...

で始まるのはクラスセレクターです
# で始まるのは ID セレクターです

1. Web 標準では、重複する ID は許可されません (例: div id=) 「a」は 2 回重複することができず、class は理論的には無限に繰り返すことができるクラスを定義します。必要に応じて何度でも参照できます。

3階の正解この説明はとても良いですね

シンプルでわかりやすいですね〜 . クラス # は ID を意味します
例:

css:.a{}

< ;div id='a'>
css:#a{}

これらはすべてスタイルセレクターです

1. # は、あまり使用されません。スタイルの定義

2. . はカテゴリセレクターです

3. タグセレクターたとえば、要素 p タグのスタイル、HTML 内の p に関連するすべてのコンテンツは、定義したスタイルを使用します
4. 子孫セレクター例: ul および li.ul li{} 次に、ul の下のすべての li スタイルはすべて、定義した効果に基づいています

詳細を確認したい場合は、Baidu で「css selector」と入力してください

+1

こんな感じです

非常に簡単ですが、「#」でID参照を指定します。ID名は同じCSSファイル内で一意です。つまり、同じ名前は1回しか使用できません。

「.」で始まるスタイルは、HTML ページ内のクラスによって複数回参照できます。

Baidu でググってみればわかります

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：CSS セレクターの優先順位 issue_html/css_WEB-ITnose次の記事：CSS セレクターの優先順位 issue_html/css_WEB-ITnose

続きを見る

CSS ファイルには . で始まるものと # で始まるものがあるのはなぜですか? 両方を使用することは可能ですか? _html/css_WEB-ITnose

関連記事