Css Chrome未显示：在伪选择器之后

真的很烦我，但是为什么Chrome没有显示：after伪选择器？？我以前没有注意到这一点。它也是非常简单的CSS。它显示在所有其他浏览器以及

火狐

铬

不过，我确实注意到在Bootstrap站点上，它们的表单在DOM中显示了

：after

选择器。奇怪的

请看我制作的这个代码片段。如果您在浏览器中检查DOM，它也会在此处执行此操作。-

.form horizontal.form组{
边缘底部：10px；
}
.表格水平。表格组：前{
显示：表格；
内容：“；
}
.表格水平。表格组：后{
明确：两者皆有；
}

名字*
姓*
伪选择器的
:before
和
:before
需要
content
属性。如果未包含，则对元素没有影响。如果您正在使用选择器执行clearfix，或者在其他情况下，您实际上不需要任何内容，只需将
content
属性保留为空，并使用
content:“”就像您对
：before
选择器所做的那样。您的CSS应该如下所示：

.form-horizontal .form-group:after {
  content: '';
  clear: both;
}


因为您没有定义
内容
，如果您这样做，它将是可见的：No
内容
，No
：after
。就这么简单。哦，哇。。。真不敢相信我错过了。我肯定知道，但一定是因为什么原因忘了。谢谢！