关于在MDN上使用的形式语法的问题

Question

查看MDN上“ display”属性值的形式语法，我们发现：（https://developer.mozilla.org/en-US/docs/Web/CSS/display）

[ <display-outside> || <display-inside> ] <display-listitem> | <display-internal> | <display-box> | <display-legacy>

从语法文档中，并置的优先级高于单杠，这使我得出结论，我们可以按以下方式重写语法：

[[ <display-outside> || <display-inside> ] <display-listitem> ] | <display-internal> | <display-box> | <display-legacy>

我所做的只是将<display-outside> || <display-inside> ]与<display-listitem>分组这意味着-如果我对分组的结论是正确的-使用<display-outside>或<display-inside>，或两者都>>时，由于并置，它们将总是跟在<display-listitem>之后

但是我们都知道我们写的“ display：block”或“ display：flex”后面没有<display-listitem>我在这里误会什么？

查看MDN上“ display”属性值的形式语法，我们发现：（https://developer.mozilla.org/en-US/docs/Web/CSS/display）[| | ] <...>

Answer 1

在这种情况下，MDN显然是错误的，因为如果您查看官方的specification，则可以看到：

 [ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>
|之前有一个<display-listitem>