码迷,mamicode.com
首页 > 其他好文 > 详细

伪类和伪元素

时间:2017-05-01 14:20:08      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:使用   效果   css   插入   first   冒号   允许   ted   strong   

css3为了区分伪类伪元素,已经明确规定了伪类单冒号表示,而伪元素则用双冒号表示。双冒号是一种新语法,所有支持css3的双冒号语法的浏览器都会支持单冒号的语法,但IE8只支持单冒号

一、伪类

CSS 伪类用于添加一个实际的类来达到某特殊效果,可以同时使用多个伪类。

伪类

作用

:lang

允许创作者来定义指定的元素中使用的语言

:link

将样式加到未被访问过的链接

:hover

当鼠标悬浮在元素上方时,向元素添加样式。

:focus

将样式加到被选中的元素

:active

将样式加到被激活的元素

:visited

将样式加到被访问过的链接

:first-child

将样式加到元素的第一个子元素

 

二、伪元素

CSS 伪元素用于添加一个实际的元素来达到某特殊效果,只能同时使用一个伪元素。

伪元素

作用

:before

在元素之前插入内容

:after

在元素之后插入内容

:first-letter

将样式加到文本的首字母

:first-line

将样式加到文本的首行

伪类和伪元素

标签:使用   效果   css   插入   first   冒号   允许   ted   strong   

原文地址:http://www.cnblogs.com/camille666/p/pseudo_class_element.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!