為什么，在使用& ltp & gt標(biāo)記中，同級組合子應(yīng)用于沒有公共父級的元素。

此處，樣式應(yīng)用于，子塊的文本變?yōu)榧t色:

div~div {
color: red;
}

<div>Блок 1</div>       
<p>Paragraph 1
    <div>Child Block 1</div>
</p>

這里沒有錯(cuò)。是p元素的一種行為。

段落是塊級元素，如果在結(jié)束p標(biāo)記之前解析了另一個(gè)塊級元素，段落會自動(dòng)結(jié)束

因此，如果你在p元素中放置任何其他元素，那么p元素會自動(dòng)關(guān)閉。在您的代碼中，由于自動(dòng)關(guān)閉，在瀏覽器上呈現(xiàn)的html是:-

<div>Блок 1</div>       
<p>Paragraph 1</p>
<div>Child Block 1</div>
<p></p>

因?yàn)槟阍贑SS中使用了一般的兄弟選擇器，所以在這個(gè)p元素中，第二個(gè)div是第一個(gè)div的兄弟。這就是CSS應(yīng)用于第二個(gè)div的原因。

而在截面元素的情況下，截面元素不會自動(dòng)關(guān)閉，如果你把任何其他元素放在里面。因此，在section元素的情況下，瀏覽器上的html呈現(xiàn)是:-

<div>Блок 1</div>       
<section>Paragraph 1
   <div>Child Block 1</div>
</section>

在這種情況下，第二個(gè)div不是第一個(gè)div的兄弟。這就是為什么CSS沒有應(yīng)用在第二個(gè)div上。