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

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

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

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 を定義できます。それ以外の場合は、ページ要素を走査して指定することによってのみ見つけることができます。これは比較的役に立ちません...

+1


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

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

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

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 までご連絡ください。