导读：近期更新了「CSS_before」的相关内容，包括《如何用css :before与content制作图标》、《如何解决 CSS :before 伪元素遮挡可编辑 div 输入焦点的问题》。如果《CSS_before》对你有帮助，请转发和分享本内容。知识因分享而拥有更大能量，感谢您成为这传播链条中的重要一环。
如何用css :before与content制作图标 把图标直接写进样式里，省去额外图片请求，是前端轻量化常用的思路。伪元素:before配合content属性，能在元素前插入文本或特殊字符，通过字体、边框与背景控制，就能拼出箭头、星标等简单图标。相比引入图标库，这种方式体积更小、改色方便，但只适合基础图形，复杂插画仍要用svg。弄清c... 栏目：HTML/CSS 时间：08-08 CSS_before content icon
如何解决 CSS :before 伪元素遮挡可编辑 div 输入焦点的问题 在使用可编辑div实现富文本输入场景时，很多开发者会为div添加:before伪元素来实现占位提示等效果，但经常会遇到:before伪元素遮挡可编辑div输入焦点的问题，导致用户点击div时无法正常唤起输入光标，影响输入体验。这个问题本质是伪元素的层叠特性导致的，只要掌握正确的CSS属性... 栏目：HTML/CSS 时间：07-03 CSS_before 可编辑_div 输入焦点 伪元素遮挡
