Css 如何在Chrome'中添加/插入伪元素之前或之后；谁的检查员？

我可以通过+号（新样式规则）添加常规样式规则，但不能在样式检查器的“Pseudo:：before元素”或“Pseudo:：after元素”部分下添加规则。如果我试图通过“编辑为HTML”将

：：before

或

：：after

元素添加到HTML中，它将以文本形式显示。我的解决方法是添加

，然后设置样式。我遗漏了什么吗？

按住Ctrl键并单击样式表中的样式属性（在Windows上，）在inspector中打开所需的样式表。然后你可以添加任何你想要的，它会实时更新

例如：

p::before {
    content:'TEST';
}

这将添加单词“TEST”作为它找到的任何

标记的前缀

---

您甚至可以保存样式表，这样就不必重复两次。在样式表内单击鼠标右键并点击“另存为”

这是最简单的方法，也是我做这件事的方法：

通过右键单击要将：：before或：：after添加到的元素并转到“Inspect element”来检查该元素

现在在开发者工具控制台中，单击加号图标。“新风格规则”。如下图所示，“切换元素状态”按钮旁边是加号

接下来，您将能够编辑选择器，以便在其上添加：：before/：：after：

现在将内容编辑为您喜欢的任何内容，即

像这样：

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

---

仅此而已：）

您可以使用加号，然后在高亮显示类或元素时，通过编辑类或元素名称添加伪元素。点击右箭头键将使您处于最后。Firebug中有没有办法做到这一点？Ctrl键对我来说不起作用（可能是因为我在Mac上？），但只需单击样式声明右侧样式表的链接即可在“源”选项卡中打开样式表，是的，它是可编辑的。我一点也不知道！谢谢嗯，当我在源工作表中添加：before或：after声明时，它不适用。似乎我仍然需要（inspector）标记中的

：：before

或

：：after

元素。否？您也可以打开编辑器，然后转到“资源”选项卡，并选择左侧菜单顶部的“框架”文件夹。然后你可以点击你网站的文件结构，在那里编辑CSS。啊啊，是这个样式中的double:：让我着迷！谢谢是的，这有点误导，如果你的元素没有类呢？Chrome只会使用一个标准的选择器，比如

p

，它会影响所有元素，而不是你想要的元素。按照这些确切的说明，在最新的Chrome中不会产生实时更新。在Chrome 72中为我工作，只要我输入一个内容属性，即使像

content:'

@Vic一样为空，您只需要在inspector的LHS中添加一个类。例如，右键单击

p

标记，选择编辑为HTML，然后添加

class=“where”