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

2024-05-19 • 问答

查看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：block”或“ display：flex”，后面没有<display-listitem> 我在这里误会什么？

achenoffice82 回答：有关在MDN上使用的形式语法的问题

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

<script src="https://kit.fontawesome.com/b61e574d7a.js"></script>

<div class="sidebar">
  <a href="#">
    <i class="fas fa-home"></i>
    <span class="tooltip">Home</span>
  </a>
  <a href="#">
    <i class="fas fa-chess-queen"></i>
    <span class="tooltip">Crown</span>
  </a>
  <a href="#">
    <i class="fas fa-history"></i>
    <span class="tooltip">History</span>
  </a>
  <a href="#">
    <i class="fas fa-paper-plane"></i>
    <span class="tooltip">Send</span>
  </a>
  <div class="sidebar-bottom">
    <a href="#">
      <i class="fas fa-comment-dots"></i>
      <span class="tooltip">Send feedback</span>
    </a>
    <a href="#">
      <i class="fas fa-user-circle preferences"></i>
      <span class="tooltip">Preferences</span>
    </a>
  </div>
</div>

<div id="main">
  hello
</div>

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

您始终可以通过编辑页面以纠正此类错字来为MDN做出贡献。

请检查此以获取更多详细信息：https://developer.mozilla.org/en-US/docs/MDN/Contribute/Howto/Create_and_edit_pages

css w3c

本文链接：https://www.f2er.com/2712559.html

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

achenoffice82 回答：有关在MDN上使用的形式语法的问题

大家都在问