css - 隐藏除前两段之外的长文本

Question

我的文本很长，我需要隐藏除前两段之外的所有内容。由于各种原因，我宁愿不在该站点上使用 jquery。这只能用css来完成吗？我知道第 nth-child 很可能会成功，但我在想出具体规则时遇到了麻烦。

<div class="text">
<p>display</p>
<p>display</p>
<p>hide from this point</p>
<p>...</p>
</div>

Answer 1

此代码将为您提供所需的结果:

​div.text > p:nth-child(n+3){
    display:none;
}​