查看 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-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>
在<display-listitem>之前有一个|
您始终可以通过编辑页面来纠正此类拼写错误，从而为 MDN 做出贡献。
查看此内容以获取更多详细信息：https://developer.mozilla.org/en-US/docs/MDN/Contribute/Howto/Create_and_edit_pages