CSS的伪元素和伪类
2024-09-04 18:23:14
css3为了区分伪类和伪元素,伪元素采用双冒号写法。
常见伪类—— :hover, :active, :visited, :focus。
常见伪元素——::first-letter,::first-line,::before,::after,::selection。
::before和::after下特有的content,用于在css渲染中向元素逻辑上的头部或尾部添加内容(可以是文字,图标等,下图就是一个正方形图标,图标是通过css绘制的)。
这些添加不会出现在DOM中,不会改变文档内容,不可复制,仅仅是在css渲染层加入。但是在开发者工具模式下可以看到形如“::before”字段。
所以不要用:before或:after展示有实际意义的内容,尽量使用它们显示修饰性内容,例如图标
参考:1、http://www.cnblogs.com/keyi/p/5943133.html
2、http://www.w3school.com.cn/css/css_pseudo_elements.asp
最新文章
- Golang学习 - unsafe 包
- RSA前台js加密,后台C#解密
- php生成excel或php生成csv
- Q我音乐
- 格式化输出和printf命令
- github上搜索资源
- 如何使用maven搭建web项目
- Android简易实战教程--第二十九话《创建图片副本》
- 【prufer编码】BZOJ1430 小猴打架
- day5_判断价格输入是否是正整数或正小数
- vuejs 组件通讯
- c# 关于取小数点后值四舍五入精度问题
- Java过滤器与SpringMVC拦截器的差异学习笔记
- BZOJ.1576.[Usaco2009 Jan]安全路经Travel(树形DP 并查集)
- linux_开发软件安装=命令步骤
- EasyUI ---- draggable购物车
- golang多进程测试代码
- 剑指 Offer——连续子数组的最大和
- PHP中define和defined的区别
- Horizon代码的层次结构
热门文章
- [bzoj4034][HAOI2015]树上操作——树状数组+dfs序
- 两个kernel.org国内镜像
- Page.Response.Buffer与Response.Redirect一起用报错“无法在发送 HTTP 标头之后进行重定向”
- php常用的系统函数
- hdu 1410(直线与矩形相交)
- ros 如何使用 openni2_launch
- 在Debian 9上安装和配置Observium网络监控
- win上配置nginx
- (四)监控cpu
- Codeforces 691C. Exponential notation