網(wǎng)站建設(shè)有限公司:布局中常常需要用到容器層和里面的子層
8.包含選擇符
包含選擇符在樣式中會常常用到,因為布局中常常需要用到容器層和里面的子層,使用包含選擇符就可以對某個容器層的子層進(jìn)行控制,使其他同名的元素不受該規(guī)則影響。包含選擇符將依次選擇出對象,從大到小,即從容器層到子層。包含選擇符能夠簡化代碼,實現(xiàn)大范圍的樣式控制。其格式為:
E1 E2
(
,★對罕阜端制rfirnil*i
paooing:)px;
)
.divl h2f
/t定義類divl容器中所有h2的標(biāo)題樣式t/
font-size:40px;
)
.divl p{
/+定義類divl容器中所有p的標(biāo)題樣式+/
font-size:30px;
)
應(yīng)用此樣式的代碼如下:
<div class="divl">
<h2>子層對象h2,標(biāo)題樣式為文字大小40px</h2>
<p>子層對象p,段落樣式為文字大小30px</p>
</div>
瀏覽器中的瀏覽效果如圖6-7所示。
<!..父層對象divl-->
<!..子層對象h2-->
<!.,子層對象p一>
;鹺鰳.i贛毽自∞## ”l燮鬻i鬻鍪憨l浚戮戮iI§燃瓣§緩l慧瓣l辮i琵§ll鍪;鋈囊§箋I
i曼?寰竺鬟。。~ l fih://he.ih“t霉霉霉霉鬻?孥!h tl三i::.蘭三三::::三:::琴7
l f…一一……… 一…‘一………一一……—一…“1 l
ll子層X象h2,標(biāo)題樣式為文字大小40px ll
;l ll
;心:層<‘象p,段落樣式為文字犬小30px f|
i| |
圖6·7包含選擇符的瀏覽效果