伪对象语言
伪对象语言创造的元素不存在在DOM文档中,是虚拟的元素,是创建新元素。代表某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。
基本信息
- 中文名
伪对象语言
- 外文名
Pseudo object language
- 又称
伪元素
伪对象语言
伪对象用于将特殊的效果添加到某些选择器。其语法为:
选择器:伪元素{属性:值}
CSS中的伪对象如表1:
伪对象 | 说明 |
:after | 与content属性一起使用,定义在对象后的内容 |
:before | 与content属性一起使用,定义在对象前的内容 |
:first-letter | 定义对象内第一个字符的样式 |
:first-line | 定义对象内第一行的样式 |
CSS中伪对象详解
:first-line 伪对象
" 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
输出效果类似于:
结果
下面的属性可以被应用到first-letter伪元素:
font 属性、color属性、background属性、margin属性、padding属性、border属性、text-decoration、vertical-align、text-transform、line-height、float、clear。