為什麼 `p.visible:last-of-type` 不定位最後一個可見段落元素？

:last-of-type 選擇器行為

:last-of-type 偽類針對指定類型的最後一個元素在父容器內。但是，在 CSS 選擇器 (p.visible:last-of-type) 的上下文中，請務必注意 :last-of-type 僅適用於元素類型而不是類別實例。

在您的HTML 標記：

<code class="html"><div>
  <p class="visible">This should be hidden</p>
  <p class="visible">This should be displayed</p>
  <p>This should be hidden</p>
</div></code>

出現此問題是因為:last-of-type 定位的是最後一個

元素，在本例中沒有.visible 類。因此，您的

都不會

解決方案

定位最後一個

具有.visible 類別的元素，您必須使用JavaScript，因為沒有用於此特定目的的內建CSS 選擇器。

以上是為什麼 `p.visible:last-of-type` 不定位最後一個可見段落元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！