CSS伪元素语法

时间:2015-08-17 02:45:51

标签: css

这是一个虚荣心的问题,你已经被警告了!

我从来不喜欢像

这样的部分定义
.FlexAround1 {
    display:flex;
    justify-content:space-around;
    align-items:center;
} 

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

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

今天,我就像#34;但如果!?!?"并尝试了这个:

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

和whaddayaknow,它确实有效。但事实上,我从来没有在任何教程或参考站点中看到它的写作。这是正确的CSS语法还是某种非官方但以某种方式支持的功能?

1 个答案:

答案 0 :(得分:1)

来自MDN

  

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

伪类是选择器的添加关键字。 MDN继续提供语法,将其定义为

selector:pseudo-class {
  property: value;
} 

所以看起来遗漏选择器不是有效的CSS(并且首先会破坏伪类的想法)。退出选择器似乎仍然有效,但是,选择器默认为*,将伪类应用于所有元素。