CSS教程:CSS选择符的用法和实例
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-02-28
的作用。对于无href属性(特性)的a对象,此伪类不发生作用。 3. 设置对象在其鼠标悬停时的样式表属性。在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。 4. 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。 5. 设置对象在成为输入焦点(该对象的onfocus事件发生)时的样式表属性。 6. 设置对象(Selector1)的第一个子对象(Selector2)的样式表属性。 7. 设置页面容器第一页使用的样式表属性。仅用于@page规则。 8. 设置页面容器位于装订线左边的所有页面使用的样式表属性。仅用于@page规则。 9. 设置页面容器位于装订线右边的所有页面使用的样式表属性。仅用于@page规则。 10.设置对象使用特殊语言的内容样式表属性。 :link, :visited, :hover, :active属于CSS1,目前所有主流浏览器均支持a对象的该4种伪类选择符,非IE浏览器和IE7及以上浏览器还支持非a对象的:hover, :active;:focus, :lang属于CSS2,非IE核心浏览器及IE8支持。 实例: a:link{color:#f00;} a:visited{color:#666;} a:hover{color:#F60;text-decoration:none;} a:active{color:#000;} <a href="http://blog.doyoe.com/">css探索之旅</a> input:focus,a:focus{background:#f00;/* 点击或按TAB键获得焦点时生效 */} <a href="http://blog.doyoe.com/">css探索之旅</a> <input type="text" /> div em:first-child{color:#f00;} <div><em>web</em>前端开发<em>权威指南</em></div> 伪对象选择符(CSS Pseudo-Elements Reference) 语法:(伪对象选择符共有4种) |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
关于CSS教程:CSS选择符的用法和实例的所有评论