相关疑难解决方法(0)

显示前3个列表项并用CSS nth-child隐藏其余项

是否可以使用CSS选择器选择超过定义数量的多个子项?

我想要隐藏#3之后的所有列表项:

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li> //hide this
<li>5</li> //hide this
</ul>

ul li:nth-child(X) {  
          display:none;
        }
Run Code Online (Sandbox Code Playgroud)

css css-selectors

34
推荐指数
1
解决办法
4万
查看次数

如何使用CSS2选择器获取元素的第n个子元素?

是否有可能在CSS2中获取有序列表的第n个元素?

(类似于:nth-child()CSS3)


仅供参考:我正在尝试将德国版Parcheesi编程为XHTML 1.1和CSS2兼容并尝试使用有序列表生成播放场,因此移动选项由数据结构预先确定.为了围绕中心定位,我想按编号选择列表元素.

css css-selectors

19
推荐指数
1
解决办法
1万
查看次数

HTML DOM,ID与无ID?

如果你有一个包含数百个非常简单的子元素的容器div,如下所示:

<div id="stuffContainer" class="item-container">
    <div class="single-item"></div>
    <div class="single-item"></div>
    <div class="single-item"></div>
    <div class="single-item"></div>
    <div class="single-item"></div>
    <div class="single-item"></div>
    [...]
</div>
Run Code Online (Sandbox Code Playgroud)

会以任何(有意义的)方式为每个单元素包含一个唯一的id损害(客户端)性能,无论是渲染,javascript还是内存明智?

为什么我要问:我可能不时需要参考具体项目,我想弄清楚我是否应该提前预先计算出我需要选择哪些项目,给他们提供ID并将其余部分留下来,或者只是将id分配给所有这些,这将使过程更加直接,但我想知道这可能是某种矫枉过正.

如果有人可以谈论现代浏览器如何处理它以及为什么它在浏览器呈现和管理DOM方面不会产生影响,那么奖励积分(如果我能真正给予它们).

html javascript css

5
推荐指数
1
解决办法
221
查看次数

标签 统计

css ×3

css-selectors ×2

html ×1

javascript ×1