ホームページ > 記事 > ウェブフロントエンド > CSS指定セレクター(11)_html/css_WEB-ITnose
CSS指定セレクター(11)_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:46:001058ブラウズ
1. セレクターを指定します
特定の範囲内で要素のオブジェクト スタイルを制御したい場合があります。この場合、要素を Class または Id セレクターと組み合わせることができます
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>指定选择器</title><style type="text/css">span.red{ color:red;}div#top{ color:blue; }</style></head><body><span class="red">这是个SPAN类名为CLASS</span><span>这是个SPAN</span><div id="top">这是个DIVID是TOP</div><div >这是个DIV</div></body></html> セレクター オブジェクトを指定します。 class または id 属性を使用して特定の要素に限定したスタイルを定義するのに非常に便利です。要素の制御精度は、ラベル セレクターと id またはクラス セレクターの間であり、以下のモジュールに示すように、非常に実用的なセレクター タイプです。ニュースのテキストを制御する方法
<div><h2 class="news">新闻标题</h2><p class="news">新闻正文</p><span class="news">新闻说明</span><p>其它文件信息</p></div>
css
div p.news{ font-size:18px; color:#FF00FF; } または
p.news{ font-size:18px; color:#00FFFF; }
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。