对before和after这 两个伪类的理解
来源:互联网 发布:大数据建设 编辑:程序博客网 时间:2024/06/05 12:40
昨天在工作的时候,遇到了一个问题,如图所示
看到红色标记了没,当时 打算直接让UI设计师切一条线给我,然后我直接定位到页面上的,后来同事跟我说可以用after和before这两个伪类,当时我就不是特别明白,后来回去查了一下资料,实现了图片的样式。
在这里,我想记录一下自己对after和after这两个伪类的理解:
《1》明白它们其实是两个内联元素,即没有高度和宽度;
《2》既然是内联元素,当使用它们的时候,那就分别位于元素的前后位置;
《3》用法:
最后在结束的位置,附上我的代码,
记下此文,希望可以方便自己以后查找相关知识。
0 0
- 对before和after这 两个伪类的理解
- 对伪元素::after和::before的理解
- 伪类:before和:after的使用
- 伪类before和after
- css :before,:after伪元素的理解和妙用
- 理解:Before和:After伪元素
- 理解伪元素:Before和:After
- 理解:Before和:After伪元素
- 理解伪元素 :before 和 :after
- 理解伪元素 :before 和 :after
- 理解伪元素 :before 和 :after
- 理解伪元素 :Before 和 :After
- 理解伪元素 :before 和 :after
- 理解伪元素 :before 和 :after
- 理解伪元素 :before 和 :after
- 理解伪元素 :before 和 :after
- 理解伪元素 :before 和 :after
- 1. 理解伪元素 :before 和 :after
- vim 正则表达式替换 简单例子
- SimpleDateFormat函数语法:
- OpenGL--天空盒
- SearchView本地实时搜索
- 01-Popover跳转
- 对before和after这 两个伪类的理解
- lep开发笔记 -- 内存泄漏
- 【android开发】动态设置屏幕常亮/不常亮
- 关于C语言中scanf函数的小结
- ROS下使用CURL与服务器数据交换
- JS中数组的操作
- Android特效专辑(八)——实现心型起泡飞舞的特效,让你的APP瞬间暖心
- 第四章 手机平板要兼顾-探究碎片
- cannot open source file "boost..."