关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

CSS伪类的混合类与类继承

作者:佚名   时间:2014-03-12   分享到:

CSS伪类的混合类与类继承
    只要把伪类名追加到选择符的类名后面,就可以混合使用伪类与常规类。例如,下面是定义plain(简单)、normal(正常)和fancy(特殊)锚的一些规则:
a.plain:link,a.plain:active,a.plain:visited{color:blue}
a:link{color:blue}
a:visited{color:green}
a:active{color: red}
a.fancy:link{font-style: italic}
a.fancy:visited{font-style: normal}
a.fancy:active{font-weight: bold; font-size: 150%}
    <a>的plain版本不管链接的状态如何,始终是蓝色。因此,正常链接开始时是蓝色,被激活时是红色,访问后则变为绿色。fancy链接继承了正常<a>标签的颜色方案,但对未访问的链接添加了斜体设置,在被访问后会转换回正常文字,当被激活时实际大小增加了50%并变成粗体。
    关于fancy类的最后一个属性,有一句警告:如果为暂时显示属性指定了字体大小的改变,当用户单击该链接时,将产生大量的浏览器重复显示活动。假设一些浏览器是运行在慢速机器上,重复显示肯定会令用户感到心烦。实现那种显示变化有时是一种痛苦,要想大部分浏览器都支持<a>标签伪类的外观上根本改变是不可能的。
类继承
    类继承了之乡们的一般基本标签的样式属性。例如,纯<p>标签的所有属性都会应用于一个特别定义的段落类,除非该处的类覆盖了某个特定属性。
    类无法继承其他类的属性,只能从它们代表的标签的未分类版本中继承。因此,总的来说,应该在规则中尽可能多地放置普通样式,用于标签的基本样式,并且只为那些专用于那个类的属性创建类。这类样就可以更容易地维据和共享样式类,尤其是对大的文档集来说



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/contact/20151229/n7331.html

上海联楷网络新闻