CSS伪元素语法

这是一个虚荣的问题，你已经被警告过了

我从来都不喜欢这样的局部定义

.FlexAround1 {
    display:flex;
    justify-content:space-around;
    align-items:center;
} 

.FlexAround1::before {
    content:"";
}

.FlexAround1::after {
    content:"";
}

今天，我想“但是如果！？！？”并尝试了以下方法：

.FlexAround1 {
    display:flex;
    justify-content:space-around;
    align-items:center;
} ::before {
    content:"";
} ::after {
    content:"";
}

现在，它确实起作用了。不过，我从未在任何教程或参考网站上看到过这样的文章。这是正确的CSS语法，还是某种非官方但受支持的功能？

来自

CSS伪类是添加到选择器的关键字，用于指定要选择的元素的特殊状态

伪类是添加到选择器的关键字。MDN继续给出语法，将其定义为

selector:pseudo-class {
  property: value;
} 

---

因此，省略选择器似乎不是有效的CSS（而且从一开始就有点挫败了伪类的想法）。不使用选择器似乎仍然有效，但是，选择器只是默认为

*

，将伪类应用于所有元素。

您的语法是有效的，但我怀疑它是否在执行您希望它执行的操作。这是三条独立的规则，最后两条规则应用于所有元素，而不仅仅是.Flexaround1。