ホームページ  >  記事  >  ウェブフロントエンド  >  HTML_HTML/Xhtml_Web ページ制作における CSS の 3 つの一般的なスタイル セレクター

HTML_HTML/Xhtml_Web ページ制作における CSS の 3 つの一般的なスタイル セレクター

WBOY
WBOYオリジナル
2016-05-16 16:40:011434ブラウズ

1: タグセレクター

タグセレクターは、特定のタグを持つすべてのタグに対して有効です。ここでは例として p を取り上げます。つまり、p でマークされたものはすべてこのスタイルになります


コードをコピー
コードは次のとおりです:




p{font:"宋体" color:#FF0000}


今示しているのはタグ セレクターです


も使用していますタグ セレクター


どのセレクターによっても変更されていません




2: ID セレクター 。このスタイルを持つのは id="yy" のみであり、ページ内の要素の ID は一意である必要があるため、ID セレクターは一意であることに注意してください。 。 。 # で始まる ID セレクターが id=""

であることをご存知ですか?


コードをコピー
コードは次のとおりです:




#yy{font:"宋体" color:#FF0000}



今表示しているのは ID セレクターです


私は変更されていませんID セレクターによる


どのセレクターによっても変更されていません




3: クラスセレクター で始まります。このスタイルを表示するには、要素の class="" を置くだけです。使用方法は次のとおりです。


コードをコピーコードは次のとおりです:



.yy{font:"宋体";



ここで示しているのはクラス セレクターです


によって変更されていませんクラス セレクター


どのセレクターによっても変更されていません





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