CSS中伪类选择器及伪元素
来源:互联网 发布:淘宝卖家手续费 编辑:程序博客网 时间:2024/05/18 16:56
在CSS中,最常用的伪类选择器是使用在a(锚)元素上的几种选择器,它们的使用方法如下:
a:link{color:#FF0000;text-decoration:none}
a:visited{color:#FF0000;text-decoration:none}
a:hover{color:#FF0000;text-decoration:none}
a:active{color:#FF0000;text-decoration:none}
2.伪元素选择器
伪元素选择器不是针对真正的元素使用的选择器,而是针对CSS中已经定义好的伪元素使用的选择器,在CSS中主要有如下四个伪元素选择器:
(1)first-line伪元素选择器
<style type=text/css>
p:first-line{color:#0000FF};
</style>
(2)first-letter伪元素选择器
向某个元素中的文字的首字母(欧美文字)或第一个字(中日等汉字)使用样式。
<style type=text/css>
p:first-letter{color:#0000FF};
</style>
(3)before伪元素选择器
before伪元素选择器拥有在某个元素之前插入一些内容,使用方法如下:
元素:before{
content:""
}
<style type="text/css">
li:before{content:"hello"}
</style>
(4)after伪元素选择器
<style type="text/css">
li:after{
content:"hello";
font-size:12px;
color:red;
}
</style>
- CSS中伪类选择器及伪元素
- CSS选择器 伪类及伪元素
- CSS伪元素选择器
- CSS-伪元素选择器
- CSS 伪元素选择器
- Css的伪元素选择器
- html css伪元素选择器
- CSS伪元素,伪类选择器
- css伪类、伪元素选择器
- CSS选择器和伪类、伪元素
- CSS伪类、伪元素选择器
- CSS选择器之【伪类/元素选择器】
- CSS选择器:属性选择器+后代选择器+子元素选择器+相邻兄弟选择器+伪类+伪元素
- CSS中伪类及伪元素用法详解
- CSS中伪类及伪元素用法详解
- CSS中伪类及伪元素用法详解
- css伪类选择器与伪元素选择器区别
- CSS中选择器以及伪类和伪元素选择器
- CSS3 box-sizing属性
- CSS3阴影 box-shadow的使用和技巧总结
- poj 2240 Arbitrage(floyd/bellman判正圈)
- JavaScript字符串转换成数字的三种方法
- CSS3属性选择器
- CSS中伪类选择器及伪元素
- 如何将word文档转换成电子书?
- CSS3中结构伪类选择器——root、not、empty、target选择器
- CSS3中first-child、last-child、nth-child、nth-last-child
- java笔记-接口
- CSS3中nth-of-type和nth-last-of-type
- CSS3中only-child伪类选择器
- CSS3使用content属性来插入项目编号
- CSS3让文本自动换行——word-break属性