css – 如何在Chrome的检查器中添加/插入伪元素之前或之后?

前端之家收集整理的这篇文章主要介绍了css – 如何在Chrome的检查器中添加/插入伪元素之前或之后?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我可以通过符号(新样式规则)添加常规样式规则,但是我不能在样式检查器的“伪元素”或“伪元素”之前添加一个。如果我尝试通过“编辑为HTML”将:: before或:: after元素添加到HTML中,则以文本形式出现。我的解决方法添加< span class =“pseudo_before”>< / span>然后风格。我错过了什么吗?

解决方法

这是最简单的方法方法我做:

>检查要添加:: before或:: after的元素,右键单击它并转到“检查元素”。
>现在在开发工具控制台中,点击加号图标。 “新风格规则”。参见下图,加号是“切换元件状态”按钮旁边。

>接下来,您将能够编辑选择器,以便将:: before / :: after添加到它:

>现在编辑内容到任何你喜欢的,即

像这样:

.grp-row::before {       
   content: '> '; 
}

这就是它所有的:)

原文链接:https://www.f2er.com/css/218602.html

猜你在找的CSS相关文章