Bootstrap

css伪类伪元素的用法

分为伪类和伪元素:伪类主要是用于超级链接上的,但是如果说伪类就是专门用在超链接上的就不正确,只是大多数情况都用在超链接上。

伪类主要分为 link(未作任何操作时) visited(点击后) hover(鼠标悬停) active(鼠标摁住不放) 和 focus(主要是输入栏点击之后的效果)。为了用法是在标签选择器或者类选择器或者id选择器后加上 ': '再加上想使用的伪类。例如

<a href="#" id="01">press me!</a>   <!--首先定义一个超链接-->
a:link{
    background-color:red;    <!--用标签选择器定义了一个伪类-->
}

注意伪类的添加必须是按上面提到的伪类的顺序否则无效!!!

伪元素是在特定的元素前后添加指定的内容 主要有 selection(选择被用户选中的内容) before(在内容之前插入) after(在内容之后插入) first-line(第一行) first-letter(首字母)用法如下

<P>hahha</P>     <!--创建一个段落-->
p::selection{
    background-color: red;   <!--常见了一个伪元素注意是两个冒号-->
}

注意用before 和 after 插入的文字是不可被选中的

本篇文章到此结束,希望对你有帮助

;