CSS指定セレクター(11)_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:46:00
オリジナル
1096 人が閲覧しました

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;    }
ログイン後にコピー

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート