gpt4 book ai didi

html - CSS - 大于选择器 - 选择大于 N 的元素

转载 作者:太空狗 更新时间:2023-10-29 13:33:38 26 4
gpt4 key购买 nike

我有几个<p>我的 HTML 正文中的元素。我只想显示前两段,并设置 display:none之后的所有段落。为什么下面的代码不起作用?

<html>

<head>
<style type="text/css">
p:gt(2) { display:none; }
</style>
</head>
<body>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</body>

</html>

我的代码仍然在 Chrome 网络浏览器中显示所有 4 个段落元素。

如何更正我的代码以实现我最初陈述的目标?

最佳答案

如果他们是 sibling ,最简单的向后兼容的方法是:

p + p ~ p {
display: none;
}

JS Fiddle demo .

您还可以使用:

p:nth-of-type(2) ~ p {
display: none;
}

JS Fiddle demo .

引用资料:

关于html - CSS - 大于选择器 - 选择大于 N 的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12554098/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com