before和after，前者是在元素之前插入东西，后者是在元素后面插入东西，但插入的东西不仅仅只是文字而已，还有图标，以及计算器的操作。 由于两者的操作基本一样，这里以before为例 插入文字 插入图片 计数器 纯数字 拼接文本 计数器也可以拼接文本，不过不用什么加号之类 指定项目编号 大写字母 ...
分类：
其他好文 时间：
2019-12-19 12:45:55
阅读次数：
91
伪元素 before 和 after 初探 使用了 CodePen 做演示，欢迎点击预览 定义 首先来看 MDN 的定义： ::before 创建一个伪元素，作为已选中元素的第一个子元素，常通过 content 属性来为一个元素添加修饰性的内容。 ::after 创建一个伪元素，作为已选中元素的最后 ...
分类：
其他好文 时间：
2019-11-30 22:43:47
阅读次数：
109
原文传送门： https://www.cnblogs.com/staro... 一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::firs ...
分类：
其他好文 时间：
2019-11-13 11:28:16
阅读次数：
92
new是新插入的数据，old是原来的数据insert只会有new，代表着要插入的新记录delete只会有old，代表着要删除的记录update由于执行的是先删除旧的记录，再插入新的记录，因此new和old都会有，且含义与上面的相同 new在before触发器中赋值，在after触发器中取值。 在对n ...
分类：
其他好文 时间：
2019-11-06 16:40:31
阅读次数：
80
原理： 1. 创建1个div 2. 用伪元素:before和:after，画出一个粉色的圆和一个黄色的圆，并将圆心分别定位在正方形的左边和上边。 注意： 设置:before和:after时必须设置其content属性，否则伪元素就不起作用 伪元素不属于文档，所以js无法操作它 伪元素属于主元素的一部 ...
分类：
Web程序 时间：
2019-11-01 18:03:40
阅读次数：
494
::before ::after CSS3中的伪类和伪元素 ::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first- ...
分类：
Web程序 时间：
2019-10-30 16:52:26
阅读次数：
191
一、引入场景 1. 打印方法执行的耗时 2. 在before和after记录当前时间，两者相减得到doSomething()的耗时 3. 多线程下，共享变量开始时间startTime可能会被别的线程改写，不是线程安全的 4. 多线程解决方法： a. 加锁，性能不好 b. ThreadLocal 二、 ...
分类：
其他好文 时间：
2019-10-26 21:12:01
阅读次数：
104
㈠什么是伪元素？ 不同的解释： ⑴伪元素是创造关于文档语言能够指定的文档树之外的抽象。例如文档语言不能提供访问元素内容第一字或者第一行的机制。伪元素允许设计师引用它们，否则这是难以办到的。伪元素还提供样式设计师给在源文档中不存在的内容分配样式（例如：:before和:after能够访问产生的内容）。 ...
分类：
其他好文 时间：
2019-10-12 01:25:45
阅读次数：
100
伪元素选择器 “ : : ” 比如说 使用before和after双伪元素清除浮动 这是空元素的升级版，好处是不用单独加标签了 after可以在之后加入新内容，before在前面加内容，但是一定要加content属性，尽量 content:"." 里面加一个小点，或者其他，尽量不要为空，否则再fir ...
分类：
其他好文 时间：
2019-09-23 09:58:02
阅读次数：
93
原帖地址 https://www.cnblogs.com/yangjunfei/p/6739683.html 感谢分享 一、思路： 将伪元素:before和:after定位到元素底部中间，设置宽度从0变成100%达到目的。 二、实现： 1、首先定义一个块状元素（行内元素没有宽高）并修改样式为一个背景 ...
分类：
Web程序 时间：
2019-04-15 16:36:50
阅读次数：
203
