如何仅显示10个相同元素中的前两个元素

时间:2018-10-29 作者:p oneland

例如,在我的主题中,我有以下元素,

<ul>
<li> apple </li>
<li> orange </li>
<li> banana </li>
<li> pear </li>
<li> peach </li>
...
</ul>
我只想显示前两个li元素,如何从第三个元素隐藏其他元素?

我的问题的给定条件是,我不能向元素添加任何像id或class这样的属性。

1 个回复
最合适的回答,由SO网友:Manoa Razanajatovo 整理而成

您可以使用css

ul li:nth-child(n+3) {
    display: none;
}
它不会显示第三名及以上。

结束

相关推荐

主题定制器可以用于生成静态/可缓存的CSS吗?如何生成?

我目前正在尝试制作一个可定制的Bootstrap 然而,我个人WordPress网站的主题遇到了一些问题。可以通过修改SCSS变量来定制引导,我正试图通过利用Leafo\'s scssphp 在使用主题定制器期间动态重新编译引导,然后使用Minify 缩小规模。我目前的代码如下:// /wp-content/themes/bootstrap/functions.php function bootstrap_generate_css() { require_once(__DIR__ .