网站建设有限公司:布局中常常需要用到容器层和里面的子层
8.包含选择符
包含选择符在样式中会常常用到,因为布局中常常需要用到容器层和里面的子层,使用包含选择符就可以对某个容器层的子层进行控制,使其他同名的元素不受该规则影响。包含选择符将依次选择出对象,从大到小,即从容器层到子层。包含选择符能够简化代码,实现大范围的样式控制。其格式为:
E1 E2
(
,★对罕阜端制rfirnil*i
paooing:)px;
)
.divl h2f
/t定义类divl容器中所有h2的标题样式t/
font-size:40px;
)
.divl p{
/+定义类divl容器中所有p的标题样式+/
font-size:30px;
)
应用此样式的代码如下:
<div class="divl">
<h2>子层对象h2,标题样式为文字大小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,标题样式为文字大小40px ll
;l ll
;心:层<‘象p,段落样式为文字犬小30px f|
i| |
图6·7包含选择符的浏览效果