css伪类伪元素的用法
2019-08-04 22:31
83 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/wz1547145766/article/details/98475410
分为伪类和伪元素:伪类主要是用于超级链接上的,但是如果说伪类就是专门用在超链接上的就不正确,只是大多数情况都用在超链接上。
伪类主要分为 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 插入的文字是不可被选中的
本篇文章到此结束,希望对你有帮助
相关文章推荐
- Linux wait 用法
- Oracle中GOTO的用法
- jQuery $.post $.ajax用法
- linux中memset的正确用法
- 编程回忆之Android回忆(Android入门之Fragment用法)
- hbase基本概念和hbase shell常用命令用法
- Android Notification用法
- extern "C"用法
- #ifndef#define#endif的用法(整理)
- realloc函数的用法
- C语言qsort函数用法
- Android中的Service的用法之绑定服务
- (转)@SuppressWarnings的使用、作用、用法
- Runtime.getRuntime.exec()的用法
- C++中 string 的用法大全
- Spring mvc中@RequestMapping 6个基本用法小结
- printf用法
- 详细记录python的range()函数用法
- 【BZOJ3884】上帝与集合的正确用法 欧拉定理
- 深入浅出分析Java抽象类和接口【功能,定义,用法,区别】