伪对象语言创造的元素不存在在DOM文档中,是虚拟的元素,是创建新元素。代表某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。
伪对象语言
伪对象用于将特殊的效果添加到某些选择器。其语法为:
选择器:伪元素{属性:值}
CSS中的伪对象如表1:
CSS中伪对象详解
:first-line 伪对象
在上面的例子中,浏览器显示根据first-line伪元素格式化的第一行。浏览器是依靠浏览器窗口的尺寸来进行分行的。first-line伪元素仅能被用于块级元素。下面的属性可以被应用到first-line伪元素:
font 属性、color属性、background属性、word-spacing、letter-spacing、text-decoration、vertical-align、text-transform、line-height、clear。
:first-letter伪对象
first- letter伪元素用于向某个选择器中的文本的首字母添加特殊的样式:
输出效果类似于:
下面的属性可以被应用到first-letter
伪元素:
font 属性、color属性、background属性、margin属性、padding属性、border属性、text-decoration、vertical-align、text-transform、line-height、float、clear。
:before伪对象
before伪元素可用于在某个元素之前插入某些内容。下面的样式会在标题之前播放音频:
:after伪对象
after伪类可用于在某个元素之后插入某些内容。下面的样式会在标题之后摇放音频:
伪对象的支持
浏览器 : IE : Internet Explorer F : Firefox , N : Netscape。
W3C:W3C列的数字显示出属性背景由哪个CSs标准定义(CSs1还是Css2)。
注意