CSS规则中第n个子元素的索引？

文章/答案/技术大牛

发布

1回答

html、css、indexing、css-selectors

有没有一种只有CSS的方法来获取规则在某一点上应用的“子索引”数？我想做这样的事情 transform: translate3d( calc(index-nth * 50), 0, 0);用普通的CSS3能做到这一点吗我知道我可以使用SASS或更少的代码来迭代一些预设的元素，但是我不希望它被硬编码到CSS<

浏览 7提问于2017-02-24得票数 4

1回答

仅在Google上出现jQuery滑块不透明度错误

javascript、jquery、html、css、google-chrome

右边的应该有1.0，左边的应该有0.15的不透明度。 </ul>JAVASCRIPT很长，您可能需要检查元素。但这个想法如下。单击“下一步”箭头时，将克隆列表的第一个元素，并将其追加到第一个位置的后面并销毁。稍后

浏览 2提问于2013-09-27得票数 0

1回答

CSS div第n个子元素

css

我无法为子节点的第n个子节点添加样式。我能够找到第n个子节点，但找不到子节点的第n个子节点。我的示例HTML结构是： <div class="test"> <div class="sub1"/>

浏览 1提问于2014-02-12得票数 0

5回答

使用第n个子代

jquery、html、css-selectors

我试图通过nav9添加nav1，但它也会在之前添加所有额外的类。因此，第二个导航项目的类最终是"nav1 nav2“，依此类推。$("#navigation ul li:nth-child(n)").addClass("nav1")$("#navigation ul li:nth-child(n+3)")

浏览 2提问于2012-06-14得票数 1

回答已采纳

4回答

如何使用css或jquery隐藏第2和第4表行？

javascript、jquery、html、css

这是一个动态代码，我想使用表id HMP_options隐藏表的第二和第四部分tr。如何做到这一点？

浏览 3提问于2014-02-04得票数 4

回答已采纳

2回答

css第n个子元素和类

class、css、css-selectors

我对css第n个子选择器有一个问题。我在一个容器中有一个3x3元素的网格。这些元素有一个名为.square的类。使用.square:nth-child(3n+1)，我选择行的每个第一个元素，并将其涂成绿色。使用.square:nth-child(3n+3)，我选择行的最后一个元素，并将其涂成红色。这可以很好地工作，直到有任何元素

浏览 0提问于2012-02-24得票数 5

4回答

CSS / JavaScript:使用jQuery脚本使:nth-JavaScript(N)在IE中工作？

javascript、jquery、css

我正在尝试让CSS伪:nth-child(n)函数在Internet Explorer中工作，这并不是一项简单的任务。我在jQuery中创建了一些JavaScript，以便在IE中完成这项工作，但我似乎无法让它工作。我尝试过的示例使用的是未排序列表(ul和li的)，但我的CSS代码(在所有其他浏览器中运行良好)如下所示： #portfolio div:nth-child(4) {

浏览 1提问于2011-04-14得票数 0

回答已采纳

2回答

使用带有特定类的jQuery获取子级的N个索引

javascript、jquery

在单击事件上，我希望获得所选元素的索引。但是，我不想简单地获得N个索引，其中N表示它是父元素的第N个子元素。相反，我想要N个索引，其中N表示包含指定类的父元素的N个子元素。在这个例子中，指定的<

浏览 0提问于2017-03-22得票数 0

3回答

试着理解jQuery第n个孩子

jquery

目前，我在理解jQuery中的第n个子选择器方面遇到了一些困难。，而其他元素则没有。现在，我正在编写一个API，它应该能够根据索引选择选项卡元素。就我对jQuery的了解而言，它应该使用匹配的第n个元素：我不明白为什么是

浏览 5提问于2014-06-25得票数 1

回答已采纳

2回答

css元素的第n个子元素与类

html、css、css-selectors

有一种方法可以(使用css)从具有某个类的元素中选择第n个子元素。例如，对于下面的示例，我如何选择带有id="this"的li元素(出于解释目的而显示)？所以基本上我想用class="selected"表示元素中的第二个元素 <li></li> <

浏览 7提问于2016-02-05得票数 2

4回答

jQuery :nth-child()选择器

jquery、jquery-selectors

我试图使用jQuery来获取每个DIV上的第三个实例，class="box"包含在DIV中，class="entry"中有一个没有右手边距的：<div class="entry">--end entry--> <script> $("div.entry:

浏览 5提问于2010-01-08得票数 7

回答已采纳

2回答

jQuery第n个子选择器跳过数字

jquery、html、css-selectors

我是jquery的初学者，所以我可能不会理解太多高级的东西，但问题是:当我尝试选择nth-child(1)时，它会像预期的那样选择第一个孩子(我知道我可以使用第一个孩子，但我不喜欢它)。br /></div> $('#navigation').find(">:nth-child(1)&

浏览 5提问于2012-12-09得票数 3

回答已采纳

1回答

计数器(Item)作为第n个子css的变量

css

在CSS中是否可以使用某种类型的变量对第n个子元素应用规则？基本上，我要做的是根据元素在元素中的位置来更改未指定数量的元素的值。例如，有没有一种方法可以使用计数器递增或基数作为变量来表示元素中某些属性的子位置和值？这些代码行中的</

浏览 2提问于2014-07-14得票数 5

2回答

如何偏移元素的第n个子元素

html、css

我正在尝试提取元素的第n个子元素，以便元素看起来堆叠在同一个容器中。<table> <p id="image-1">first content</p> <p id="image-2">secondcontent&l

浏览 2提问于2016-01-06得票数 2

8回答

:eq()和:nth- jQuery ()之间的子级差异

javascript、jquery、dom、jquery-selectors

在jQuery中，使用:eq()和:nth-child()来选择任何元素之间有哪些关键区别？另外，一般来说，对于起始索引，在什么情况下它从"0“开始，什么时候从"1”开始？

浏览 0提问于2011-08-12得票数 33

回答已采纳

1回答

编写css3规则以按N匹配2个第n个子元素

html、css、css-selectors

</span><span></span><span></span></div>span:nth-child(3):hover ~ div span:nth-child(3) {

浏览 0提问于2012-10-12得票数 2

回答已采纳

2回答

选择正确的nth-child

css、math、css-selectors

简单的问题，因为我的数学技能不及格。我需要通过第n个子计算，通过css在容器中指定以下元素数：从6，9，21，24开始，总是有30个元素的间隙(6 -> 36 /9 -> 39/ 21 -> 51/ 24 -> 54 / 36 -> 66) 有什么方法可以通过css来锁定这些元素<

浏览 2提问于2017-06-11得票数 0

回答已采纳

1回答

CSS : IE8中的第n个子元素

css、internet-explorer-8

我正在尝试让一些第n个孩子在ie8中工作，这是我的规则的例子，但你可能知道它不会在i8中工作 text-align: center;但它必须在IE8中工作，我知道在ie8中支持第一个孩子，并且很容易使用，比如但是我不知道当我有(n+)的时候该怎么做，有没有人知道如何在ie8<e

浏览 1提问于2015-02-13得票数 1

1回答

CSS第N个子元素根据N计算顶部高度

css、math、css-selectors

我试图使用CSS来计算顶部的高度，以添加每个5+1元素。 .screen [data-app]:nth-child(5n-3) { left:20%; }; }这创建了具有绝对

浏览 2提问于2015-02-07得票数 6

1回答

选择者:没有休息的第一个孩子？

html、css、css-selectors

class="test"><td>Test</td></tr> </tbody>我的css代码如下： background-colo

浏览 2提问于2013-03-18得票数 0

点击加载更多