ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS ファイルには . で始まるものと # で始まるものがあるのはなぜですか? 両方を使用することは可能ですか? _html/css_WEB-ITnose
2 つの違いはありますか? 先頭は CSS ファイルの最初の行を指します
例:
2. 属性の優先順位の問題: ID はクラスよりも高い優先順位を持っています。以下のコードに例があります。
3. JS および他のクライアント スクリプトを参照すると便利です。ページ内のオブジェクトに対してスクリプト操作を実行する場合は、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 セレクターです
2. 属性の優先順位の問題: ID はクラスよりも高い優先順位を持っています。以下のコードに例があります。
3. JS および他のクライアント スクリプトを参照すると便利です。ページ内のオブジェクトに対してスクリプト操作を実行する場合は、ID を定義できます。それ以外の場合は、ページ要素を走査して指定することによってのみ見つけることができます。これは相対的な波動です...
シンプルでわかりやすいですね〜 . クラス # は ID を意味します
例:
< ;div id='a'>
css:#a{}
これらはすべてスタイル セレクターです
1. # は、あまり使用されません。スタイルの定義
3. タグセレクター たとえば、要素 p タグのスタイル、HTML 内の p に関連するすべてのコンテンツは、定義したスタイルを使用します
4. 子孫セレクター 例: ul および li.ul li{} 次に、ul の下のすべての li スタイルはすべて、定義した効果に基づいています
詳細を確認したい場合は、Baidu で「css selector」と入力してください
+1
こんな感じです
「.」で始まるスタイルは、HTML ページ内のクラスによって複数回参照できます。
Baidu でググってみればわかります