Html CSS：为什么是“a”；p"；元件级联在“内部”；李",；元素，但不发生相反的情况？_Html_Css

Html CSS：为什么是“a”；p"；元件级联在“内部”；李",；元素，但不发生相反的情况？

html css

Html CSS：为什么是“a”；p"；元件级联在“内部”；李",；元素，但不发生相反的情况？,html,css,Html,Css,我的意思是，想象一下这个代码： <!DOCTYPE html> <html> <head> </head> <body> <style> p{ font-size:2em; } li{ font-size:2em; }

我的意思是，想象一下这个代码：

<!DOCTYPE html>
    <html>
      <head>
      </head>
      <body>
      <style>
           p{
                font-size:2em;
            }


          li{
               font-size:2em;
          }
      </style>

         <p>First Paragraph
             <ul>
                    <li>First list element</li>
                    <li>Paragraph inside a list</li>
                    <li>Third list element</li>
            </ul>
         </p>
        <p>Second Paragraph</p>

      </body>
    </html>

为了

结果是：

因此，如果段落元素位于列表元素内（第二个元素的字体大小为2em x 2em），则会发生级联，但相反的情况并非如此。为什么?

“另一个p元素中的p元素也不会级联。”

这是因为块元素（本例中的

元素）不能位于

元素内部

当您使用第一段时，浏览器会在第二段开始的地方结束第一段，并从额外的结束标记创建第三段：

<p></p>
<p>First Paragraph</p>
<p></p>


第一段

当你试图把清单放在段落中时也会发生同样的情况。由于列表是一个块元素，所以第一段在列表开始的地方结束，因此列表永远不在段落内

“另一个p元素中的p元素也不会级联。”

这是因为块元素（本例中的

元素）不能位于

元素内部

当您使用第一段时，浏览器会在第二段开始的地方结束第一段，并从额外的结束标记创建第三段：

<p></p>
<p>First Paragraph</p>
<p></p>


第一段

当你试图把清单放在段落中时也会发生同样的情况。由于列表是一个块元素，所以第一段在列表开始的地方结束，因此列表永远不在段落内

“另一个p元素中的p元素也不会级联。”

这是因为块元素（本例中的

元素）不能位于

元素内部

当您使用第一段时，浏览器会在第二段开始的地方结束第一段，并从额外的结束标记创建第三段：

<p></p>
<p>First Paragraph</p>
<p></p>


第一段

当你试图把清单放在段落中时也会发生同样的情况。由于列表是一个块元素，所以第一段在列表开始的地方结束，因此列表永远不在段落内

“另一个p元素中的p元素也不会级联。”

这是因为块元素（本例中的

元素）不能位于

元素内部

当您使用第一段时，浏览器会在第二段开始的地方结束第一段，并从额外的结束标记创建第三段：

<p></p>
<p>First Paragraph</p>
<p></p>


第一段

当你试图把清单放在段落中时也会发生同样的情况。由于列表是块元素，因此第一个段落在列表开始的地方结束，因此列表永远不会在段落内。

字体大小不会复合，因为HTML规则规定不能在段落内嵌套块级元素（包括

本身）。如果查看嵌套

示例中呈现的HTML，您将看到它实际上看起来像：

<p></p>
<p>First Paragraph</p>
<p></p>


第一段

字体大小并不复杂，因为HTML规则规定不能在段落（包括

本身）中嵌套块级元素。如果查看嵌套

示例中呈现的HTML，您将看到它实际上看起来像：

<p></p>
<p>First Paragraph</p>
<p></p>


第一段

字体大小并不复杂，因为HTML规则规定不能在段落（包括

本身）中嵌套块级元素。如果查看嵌套

示例中呈现的HTML，您将看到它实际上看起来像：

<p></p>
<p>First Paragraph</p>
<p></p>


第一段

字体大小并不复杂，因为HTML规则规定不能在段落（包括

本身）中嵌套块级元素。如果查看嵌套

示例中呈现的HTML，您将看到它实际上看起来像：

<p></p>
<p>First Paragraph</p>
<p></p>


第一段

我不确定您对第一个示例的期望。

和

li

没有父/子关系。已修复。结果是一样的。你应该描述你认为的问题，而不是在一个根本不适用的上下文中使用像“级联”这样的技术术语。我不确定你在第一个例子中期望什么。

和

li

和

li

和

li

没有父/子关系。已修复。结果是一样的。你应该描述你认为的问题，而不是在一个根本不适用的上下文中使用像“级联”这样的技术术语。额外的结束标记被忽略。它不会创建任何元素。@JukkaK.Korpela：如果这是正确的，那么第三段从何而来？我站着更正：浏览器实际上从一个无家的

结束标记推断出一个空的

元素，这是HTML5规范中的一个特例。在创建新元素的结束标记上：额外的结束标记被忽略。它没有创建任何元素。@JukkaK.Korpela：如果这是正确的，那么第三段将从何而来