伪对象语言创造的元素不存在在DOM文档中,是虚拟的元素,是创建新元素。代表某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。
伪对象语言伪对象用于将特殊的效果添加到某些选择器。其语法为:
选择器:伪元素{属性:值}1
CSS中的伪对象如表1:
|| ||
CSS中伪对象详解:first-line 伪对象" 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、clear2。
:before伪对象before伪元素可用于在某个元素之前插入某些内容。下面的样式会在标题之前播放音频:
:after伪对象after伪类可用于在某个元素之后插入某些内容。下面的样式会在标题之后摇放音频:
伪对象的支持浏览器 : IE : Internet Explorer F : Firefox , N : Netscape。
W3C:W3C列的数字显示出属性背景由哪个CSs标准定义(CSs1还是Css2)。
|| ||
注意伪对象要配合content属性一起使用;
伪对象不会出现在DOM中,所以不能通过js来操作,仅仅是在CSS渲染层加入;
伪对象的特效通常要使用:hover伪类样式来激活2。
本词条内容贡献者为:
鄢志丹 - 副教授 - 中国石油大学(华东)