Projeto: Vermelho

logs of development
<< インライン要素に部分的な修飾をかけるには… | main | (2)No such file or directory: exec of '/var/www/cgi-bin/test.rb' failed >>
スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | -
特定のブロックレベル要素のみもしくはその中のインライン要素のみを修飾する
子孫セレクタを使う(セレクタの組み合わせ)

例.
<div id="blue">
<p>今日もでした</p> #ここは青にしたい
</div>
<div id="red">
<p>今日もでした</p> #ここは赤にしたい
</div>

同じ段落タグpで囲っていても、異なる修飾をする必要がある.
その場合のセレクタは…

div#blue p ( font-color:blue;)
div#red p ( font-color:red;)
※id属性なので、ページ内で1回のみ適用可能

さらに、emタグにも適用するには…
div#blue p em ( font-style:bold; )
となる.

セレクタの一番左側が親であり、半角スペースを区切るごとに、内側のタグへの適用を示す.

特定ではなく、適用先を使い回した場合のCSS書式は
p.red em ( font-style: red; )

タグを以下のように変更すれば適用できる.
<p class="red">今日も<em></em>でした</p>
| CSS | 14:19 | comments(0) | trackbacks(0)
スポンサーサイト
| - | 14:19 | - | -
コメント
コメントする









この記事のトラックバックURL
http://vermelho.jugem.jp/trackback/60
トラックバック
PROFILE
CATEGORIES
LINKS
CALENDAR
S M T W T F S
   1234
567891011
12131415161718
19202122232425
262728293031 
<< March 2017 >>
SELECTED ENTRIES
ARCHIVES
モバイル
qrcode
SPONSORED LINKS