快速业务通道

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种)
  1. Selector:first-letter
  2. Selector:first-line
  3. Selector:before
  4. Selector:after

  说明:
  1. 设置对象内的第一个字符的样式表属性。此伪对象仅作用于块元素。内联元素要使用该伪对象,必须先设定对象具有块元素的表状。
  2. 设置对象内的第一行的样式表属性。此伪对象仅作用于块对象。内联对象要使用该伪对象,必须先设定对象具有块元

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号