学习CSS：了解CSS中的类、伪类和伪元素

• 在Css中，模式（pattern）匹配规则决定那种样式规则应用于文档树(document tree)的哪个元素。这些模式叫着选择符（selector)。 一条CSS规则(rule)是选择符{属性:值;属性:值;}（selector {property:value;property1:value2;}），即选择符决定了{}中的声明(declaration)匹配哪个元素。

  在CSS2.1中的选择符有：

  类：在Html中当表现class属性的时候，人们可以用点（.）号来作为~=号的一个替代选择，所以div.value等同于div[class~=value]。此时.value只能严格的应用于HTML中的class属性，所以此类选择符叫类选择符。

  在CSS2.1中样式通常依附与一个元素在文档树中的位置，这个简单的模型对于许多情况来说是足够的，但是一些常见的版式状态不能应用于文档树的结构。例如，在HTML中，没有元素能够引用一个段落的第一行，所以也没有简单的CSS选择符应用它。

  所以，CSS引进了伪类(pseudo-class)和伪元素(pseudo-element)来允许基于文档树以外信息的格式化。

  伪类：伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容；原则上特征是不可以从文档树上推断得到的。在感觉上伪类可以是动态的，当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。例外的是”:first-child”能通过文档树推断出来，”:lang”在一些情况下也在从文档树中推断出来。

  伪类有：:first-child ，:link:，vistited，:hover:，active:focus，:lang

  伪元素：伪元素是创造关于文档语言能够指定的文档树之外的抽象。例如文档语言不能提供访问元素内容第一字或者第一行的机制。伪元素允许设计师引用它们，否则这是难以办到的。伪元素还提供样式设计师给在源文档中不存在的内容分配样式（例如：:before和:after能够访问产生的内容）。

  伪元素有：:first-line，:first-letter，:before，:after （在CSS2.0中文手册中把:first-line，:first-letter列为伪类应该是理解上的错误）

  伪类和伪元素都不出现在源文件和文档树中。

  Pattern Meaning Described in section * Matches any element. Universal selector E Matches any E element (i.e., an element of type E). Type selectors E F Matches any F element that is a descendant of an E element. Descendant selectors E > F Matches any F element that is a child of an element E. Child selectors E:first-child Matches element E when E is the first child of its parent. The :first-child pseudo-class E:link
  E:visited Matches element E if E is the source anchor of a hyperlink of which the target is not yet visited (:link) or already visited (:visited). The link pseudo-classes E:active
  

• [1] [2] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 学习CSS：了解CSS中的类、伪类和伪元素 相关文章：
• ·学习CSS：了解CSS中的类、伪类和伪元素
• 学习CSS：了解CSS中的类、伪类和伪元素 相关软件

上一篇:用动态网页技术PHP生成验证码图片的源代码

下一篇:HTML用INS和DEL标记文档改变

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐