位置:电子教程 > CSS入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
CSS入门
CSS 基础样式
CSS 高级样式
语法应用:CSS 对齐
当前阅读教程:CSS入门到精通 > CSS 伪元素
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 垂直居中 - 使用 line-height 下一篇: 暂无

CSS伪元素是用来添加一些选择器的特殊效果。

语法

伪元素的语法:

selector:pseudo-element {property:value;}

CSS类也可以使用伪元素:

selector.class:pseudo-element {property:value;}

所有CSS伪类/元素

选择器

示例

小白教程网www.2d5.net

示例

小白教程网www.2d5.net

说明

:link

a:link

选择所有未访问链接

:visited

a:visited

选择所有访问过的链接

:active

a:active

选择正在活动链接

:hover

a:hover

把鼠标放在链接上的状态

:focus

input:focus

选择元素输入后具有焦点

:first-letter

p:first-letter

选择每个<p>   元素的第一个字母

:first-line

p:first-line

选择每个<p>   元素的第一行

:first-child

p:first-child

选择器匹配属于任意元素的第一个子元素的 <p> 元素

:before

p:before

在每个<p>元素之前插入内容

:after

p:after

在每个<p>元素之后插入内容

:lang(language)

p:lang(it)

为<p>元素的lang属性选择一个开始值


上一篇: 垂直居中 - 使用 line-height 下一篇: 暂无
毕业设计网             广告联系QQ:45157718(微信同号)