为什么 `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中文网其他相关文章！