CSS布局教程

基于web标准的网站设计指南

« 伪类选择符,分组选择符和包含选择符属性选择符 »

元素指定选择符,子对象选择符

有时候我们希望控制某种元素的一定范围内对象的样式,这时候可以把元素与class与id选择符结合起来使用。例如:
span.red{color:red;} div#top{width:100%}
上面的选择符就是元素指定选择符,它与包含选择符有点相似,但元素指定选择符前后对象之间没有空格,且不再要求前后两个对象之间在结构上必须是包含关系,元素指定选择符对于定义样式限定为class或id属性的某种元素非常有用,它对元素的控制精度介于类型选择符与id或class选择符之间,是一种非常实用的选择符类型,例如,在下面这个模块中,包含了4个子元素,我们如何精确控制新闻正文的样式呢?
很显然,使用news类选择符不行,而直接使用p类型选择符或包含选择符也不是很理想,会影响到其他元素对象的样式,此时最好的方法就是使用元素指定选择符,css代码如下:
p.news(...}医用灭菌袋 | 灭菌袋封口机 | 硅橡胶印模材 | 齿科针
子对象选择符与元素指定选择符一样都是限定性选择符,即在一定元素范围内定义符合限制条件的元素样式,元素指定选择符使用class和id属性作为限制条件,来定义某种元素中符合条件的元素样式,而子对象选择符是用包含的子对象作为限制条件,来定义父对象的所包含的部分子元素样式,例如,如果定义主体模块中的样式表格,就可以使用子对象选择符,子对象选择符中前后对象之间用一个大于号隔开,注意前后两个选择符的结构上是父子关系,目前,除了ie6及更低版本浏览器外,其他浏览器都支持该功能,但在ie7中开始支持这个选择符,包含选择符和子对象选择符的作用对象部分重合,但也有区别,包含选择符可以控制所有包含元素,不管他处于什么层次级别,子对象选择符却只能控制最近的子元素,可以使用p>a选择符来定义a元素的样式,但是使用div>a就不合法,因为中间隔了一个p元素,而使用div a包含选择符就可以控制p以及a元素样式,记住一点,就是子对象选择符所控制的元素只能是>符合前面所指定对象的子元素。天津网站建设天津网站优化汽车玻璃商业策划招商钢板桩租赁天津废锡回收天津网站制作
相邻选择符,顾名思义,相邻选择符就是指定元素相邻的下一个元素,例如:div+p{font-size:14px}上面的样式将会作用于所有贴近在div元素之后的p元素,定义p元素的字体的大小为14px,要注意前后元素在文档目录结构树中应该具有共同的父元素,即他们被同一个元素包含,目前符合标准的现代浏览器以及ie7都支持这种选择符,但在ie6及更低版本中浏览器中不支持。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号