CSS_html/css_WEB-ITnose の ID セレクターとクラスセレクターの簡単な紹介

CSS には、id と class という 2 つのセレクターがあります。 つまり、HTML 要素に CSS 属性を設定したい場合は、 要素内に id セレクターと class セレクターを設定する必要があります。それでは、これら 2 つのセレクターを 1 つずつ紹介しましょう id セレクター: HTML の要素属性は id を使用して ID セレクターを設定し、CSS の ID セレクターは「#」で定義されます 例: #para1 { text -align:center; color:red; これはセレクターを定義します。 インターネットで見つけたのは、内部の HTML 要素を変更する必要があるということです。スタイル、段落やタイトルをどのように見せたいですか? 文書内の段落の色を変更するには、先頭と先頭の間のスタイルを定義できます。考えてみましょう。最初に段落を定義する必要があります。また、タイトルも定義する必要があります。これは少し面倒ではないでしょうか。タイトルまたはスタイルで使用されます。実際、ドキュメントに記述するときにタイトルと段落の属性 id とクラスを設定して、その値が定義したスタイルになるようにすることができます。このように、一度スタイルを定義すれば、誰もがそれを使用できます。実際、プログラミングは、誰もが使用できるスタイルを作成することで、全員の時間を節約できるというわけではありません。プログラミング。では、共通のスタイルをどのように定義すればよいでしょうか? この定義プロセスでは、段落タイトルを id の値に設定するか、class の値に設定するかを考慮する必要があります。それに応じて 2 つのセレクターが生成されます。セレクター、1 つはクラス セレクターであり、定義されるメソッドは異なります。 ID セレクターを使用した例を見てみましょう:--> Hello World

; これはスタイルの影響を受けない段落です

上記は定義された ID セレクターです。ここでクラス セレクターを見てください: クラス セレクターは、要素のグループのスタイルを記述します。 クラス セレクターと ID セレクターの違いは、 クラス セレクターは複数の要素で表現できることです。 HTML ではクラスセレクター ; .center{ text-align: center; color: red ; <p class="center"

->

CSS_html/css_WEB-ITnose の ID セレクターとクラス セレクターの簡単な紹介

CSS_html/css_WEB-ITnose の ID セレクターとクラスセレクターの簡単な紹介