theme development - How to display only the first two elements from ten same elements

For example, in my theme, I have the following elements,

<ul>
<li> apple </li>
<li> orange </li>
<li> banana </li>
<li> pear </li>
<li> peach </li>
...
</ul>

I just want to display the first two li elements, how to hide the other ones form the third element?

The given condition to my issue is that, I cannot add any attribute like id or class to li elements.

For example, in my theme, I have the following elements,

<ul>
<li> apple </li>
<li> orange </li>
<li> banana </li>
<li> pear </li>
<li> peach </li>
...
</ul>

I just want to display the first two li elements, how to hide the other ones form the third element?

The given condition to my issue is that, I cannot add any attribute like id or class to li elements.

• theme-development
• css

Share Improve this question asked Oct 29, 2018 at 17:13 p onelandp oneland 1711 silver badge88 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

You can css

ul li:nth-child(n+3) {
    display: none;
}

It'll not show 3rd and up.