：nth-child选择一半的元素？
以以下代码为例：
<ul>
<li>Hello World</li>
<li>Hello World</li>
<li>Hello World</li>
<li>Hello World</li>
</ul>
是否可以使用:nth-child()或不选择全部元素的 一半 ？在上面的例子中，代码应该选择前/后 两个 li
s，然后如果我将lis 的数量增加到六个，它将选择前/后 三个 。
我觉得我将不得不使用JavaScript …
问题答案：
在纯CSS中，您能够获得与之 接近 的唯一方法是对nth-child(odd)或进行选择nth- child(even)。如果您只需要最后一半（而不是奇数或偶数），则必须使用JavaScript / jQuery。
使用jQuery，您可以使用以下命令获取它们：
var yourList = $("ul li");
yourList = yourList.slice(0, Math.floor(yourList.length/2));
-
问题内容： 除非不应该这样，但我似乎无法承认类选择器。 我在另一个div内说了4个div，所有的类和id都在上面。我需要选择具有该类的div的第一个实例。例如： 并且显然再次获得相同的效果，但它不会影响任何div。 现在，如果我要强制它与该div一起使用，我可以这样做： 碰巧它是#content中的第3个div，这毫无意义，因为我需要使用该类获取任何东西的第一个实例。 这是HTML的示例，我已经尝
-
我的示例输入XML是： 我假设选择节点C的所有第一次出现。输出应该是item1和item4。当我使用/root/a/b/c时，它返回item1、item4和item5。
-
问题内容： 这是我的CSS： 工作，现在到处（用这个在我的网站），除了Internet Explorer 8中...... 是否有可能在IE8中使用nth-child？这是该浏览器的最差版本，无法正常工作，我找不到解决方法。 @ edit2：我刚刚注意到 实际上是在IE8中工作！但是这个： 不管用。那么发生了什么？ 问题答案： 您可以（ab）使用相邻的同级组合器（）通过可在IE7/ 8中使用的CS
-
问题内容： 我正在尝试更改div内奇数div的样式。由于某种原因，当它位于另一个div内时，它会影响我的所有div。这是我的常规div和奇数div的代码： 出于某种原因，当将其包裹在我的div中时不起作用，但是当它们不包裹在任何div中时却起作用。 未包装在div中时的工作版本： ``如何使初始代码与上述代码相同？ 问题答案： 类似于它们必须全部来自同一父级。如果需要这些包装器，请改用这些包装器：
-
问题内容： 有没有办法选择 匹配（或不匹配）任意选择器的 第n个孩子？例如，我要选择每个奇数表行，但要在行的子集内： 但是，无论它们是否属于“ row”类，似乎似乎都在计算所有元素，因此我最终得到了一个 偶数 “ row”元素，而不是我要寻找的两个元素。发生同样的事情。 有人可以解释为什么吗？ 问题答案： 由于对工作方式和工作的误解，这是一个非常普遍的问题。不幸的是，目前还没有基于选择的解决方案至
-
问题内容： 我检查这个选择器： 选择器不起作用？ 我在firefinder中检查了此内容，但没有返回任何内容（没有信息显示零元素） 然后检查： 并返回h3，所以选择器几乎是不错的选择，但是this（h3的文本为’a’）的文本出错。 问题答案： 不是 原本是CSS3选择器感谢TJCrowder的链接，但它没有做到，很可能是因为它的工作方式往往会导致严重的性能和过度选择问题。例如，如果元素匹配给定的字