CSS布局教程

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

« 通用选择符和伪类及伪对象元素指定选择符,子对象选择符 »

伪类选择符,分组选择符和包含选择符

伪类选择符被浏览器广泛支持得益于超链接的普及和使用,当然伪类可不止上面提到的4种,css2为我们提供了更过的伪类,不过上面列表里的伪类可没有超链接的伪类风光和受欢迎,原因是浏览器的支持不多,特别是ie浏览器不积极支持,另外是这些伪类使用的领域比较偏僻,或者与javascript的功能出现重合,也阻碍了他们的普及。
关于超链接相关的4个伪类使用时候应该注意几个问题
这4个伪类选择符可以单独使用
为了简化代码,可以把伪类选择符中相同的声明提出来在a选择符中,例如在上面的代码中,把去除超链接下划线的声明放在a类型选择符的样式中,这样超链接就不会显示下划线了,除非你单独定义才会显示。
当4个超链接伪类选择符联合使用时,应注意他们的顺序
使用与超链接相关的伪类选择符时候,应为a元素定义href属性,指明超链接的链接地址,否则在ie浏览者中就会失效,但在其他浏览器中还会继续支持该样式显示。
分组选择符不是一种选择符类型,而是一种选择符使用方法,当多个对象定义了相同的样式时候,我们可以把他们分成一组,这样能够简化代码读写,例如:
h1,h2,h3,h4,h5,h6,p{line-height:1.6em}天津网站建设天津网站优化汽车玻璃商业策划招商钢板桩租赁天津废锡回收天津网站制作
选择符分组,可以使用逗号把同组内的不同对象分隔,分组选择符与类选择符在性质上有点类似,都可以为不同元素或对象定义相同的样式,但相比较而言,分组选择符具有更大的灵活性,使用好分组选择符会使你的代码看起来更简洁
分组选择符也不是万能的,使用不当也会带来麻烦,方便原则,我们不能为了分组而分组,把每个元素,对象中具有相同的声明都抽取分成一组,这样做有点画蛇添足,只能给自己带来麻烦,此时,倒不如定义一个类会更方便。
就近原则,如果几个元素相邻,同处一个模块内,我们可以考虑把相同声明提取出来进行分组,理由是,便于分组,容易维护,也更容易明白。
包含选择符,是最有用的一类选择符,它能够简化代码,实现更大范围的样式控制,例如,在下面代码中通过两个样式控制了div1类中所有的h2和p元素的显示样式:
.div1 h2{font-size:18px;
}
在上面的代码中省略了为两个内嵌元素定义class属性,代码看起来更明白了,你也不必劳神如何去定义h2和p的class属性了
包含选择符中前后的两个对象之间以空格隔开,定义包含选择符,必须保证在xhtml结构中的第一个对象能够包含第二个对象

  • 相关文章:

发表评论:

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

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

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