CSS选择符应用

伪类

CSS支持伪元素和伪类。在CSS中，伪表示你可以对一个文档层次中不存在的，没有CSS选择符的元素使用样式。根据状态（visited, active等）对一个超链接使用样式就是一个典型的例子。下面的列表简单说明了CSS支持的伪类：

• active：对一个活动元素使用样式。
• focus：对一个受到关注的元素使用样式。
• hover：当用户鼠标划过一个元素时，对它使用样式。
• link：对一个未被访问的链接使用样式。
• visited：对一个已被访问的链接使用样式。
• first-child：对元素的第一个子元素使用样式。
• lang：允许作者给特定的元素指定一种语言。

CSS1支持与链接有关的伪类(active, hover, link, visited)，CSS2增加了其它伪类。伪类的语法是使用一个逗号将伪类与元素分隔开来。列表D用伪类对锚元素，以及段落元素的第一个子元素使用样式。

你可以通过一个优秀的在线指南确定一个特殊的浏览器是否支持某个特性。CSS还支持用伪元素来处理信息。

伪元素

伪元素允许你对文档树中不存在的信息使用样式。大量例子说明如何对一个元素内容的首行或首字母使用样式。下面列出了CSS当前支持的伪元素：

• first-line：允许你对一个段落的首行内容应用特殊样式。
• first-letter：允许你对一个元素内容的首字母应用样式。你可以选择常用的印刷效果，如首字母大写和下坠大写字母。
• before：允许你在一个元素的内容之前插入生成的内容。
• after：允许你在一个元素的内容之后插入生成的内容。

列表E对前面的例子进行扩充，使用首行和首字母伪元素对段落使用样式。段落的第一行全部以大写字母显示。首行由浏览器和它的宽度控制。因此，你可能希望插入自己的分行符或对文本进行相应格式化来控制首行显示。另外，段落的首字母为大字斜体字，并且带下坠大写字母显示效果。

大量选项

许多Web开发者常犯的一个错误就是不熟悉CSS标准的各种细微差别。选择符就是一个典型的例子，它为你给网页元素应用样式提供大量选择。过去两周来，你简单了解了CSS支持的各种选择符。这些选择符允许你根据元素的类型、它们周围的样式、属性等对元素使用样式。

你最喜欢使用哪个选择符？或者发现某些选择符缺少支持资料？请在文后的讨论区发表你的看法，与Web开发社区分享你的经历。

Tony Patton拥有丰富的Java、VB、Lotus及XML方面的知识，是一个专业的应用程序开发人员。 

责任编辑:德东

查看本文国际来源