ホームページ  >  記事  >  ウェブフロントエンド  >  一般的な CSS 属性の最初の概要: ID セレクターとクラス セレクター

一般的な CSS 属性の最初の概要: ID セレクターとクラス セレクター

高洛峰
高洛峰オリジナル
2017-02-23 09:43:341834ブラウズ

セレクターと言えば、誰もがよく知っているものですが、最も一般的に使用されるのは ID セレクターとクラス セレクターであると考えられます。その他のセレクターについては、今日は説明しません。

クラス セレクター: HTML 要素にわかりやすい名前を付け、クラスでマークすると、

これは段落 1

などのクラス セレクターを使用できます。 p 要素クラス
を「p1」に設定し、それを直接使用する CSS スタイルを記述します



この段落p1 の p 要素の文字色も中央揃えになります。 非 p 要素のクラス名が p1 の場合は効果がないことを説明してください。クラス名 p1 を持つすべての
要素に効果を持たせたい場合は、以前の構造要素名を削除する必要があります。現在のプロジェクトはすべてアジャイル開発であるため、クラス名の使用には注意する必要があります。当初はクラス名の競合についてよく苦情が寄せられました。そのため、プロジェクトではページ関数を使用することに合意しました。クラス名の競合を避けるためにクラスに名前を付けます。

もう 1 つ言及すべきことは、上記のようなマルチカテゴリ名です


この段落も中央揃えになります。
< /p>


クラス値にはそのようなリストが 1 つあり、各単語はスペースで区切られます。あとは、スタイルを 1 つずつ記述するだけで問題ありません。複数のクラス間で
同じ CSS スタイルがあった場合はどうなるのかと疑問に思う人もいるかもしれません。ここでは、CSS カスケードに関する次の質問を読んでいきます。今日の記事はここまでです。 初めて書いたので、思いついたことをそのまま書くかもしれません

一般的な CSS 属性の予備的な概要、最初の ID およびクラス セレクター関連の記事については、PHP 中国語 Web サイトに注目してください。

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