CSS - больше, чем селектор - выбрать элементы больше, чем N
У меня есть несколько<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>
Мой код по-прежнему показывает все 4 элемента абзаца в веб-браузере Chrome.
Как я могу исправить свой код для достижения цели, которую я первоначально заявил?