当前位置: 首页 > 面试题库 >

每两个表格行的nth-child

江浩慨
2023-03-14
问题内容

我需要将表的每两行设置为灰色,如果可能的话,我希望使用nth-child。

我已经和克里斯·科耶尔(Chris Coyier)的第一个孩子测试员混为一谈,但仍然无法[理解。

我需要以下公式:

1,2 - grey
3,4 - white
5,6 - grey
7,8 - white
9,10 - grey

等等。我不希望在html中放置一个类,因为我敢肯定这将是一些建议。如果有办法与nth-child合作,这就是我想要的。


问题答案:

意识到您正在做4组,那么您可以看到每个第4个元素和每个第4个元素减去一个为白色,然后每个第4个元素减去2,或者每个第4个元素减去3为灰色。

因此,您将使用4n4n-1,然后使用4n-24n-3

div:nth-child(4n), div:nth-child(4n-1) {
    background: red;
}
div:nth-child(4n-2), div:nth-child(4n-3) {
    background: blue;
}

该代码并不适合您的情况,我是为jsFiddle概念验证编写的。

注意:nth-childIE8中不起作用。当然,典型的问题。



 类似资料:
  • 描述 (Description) 第n个表达式的形式在扩展中很重要,否则它将选择器视为不同。 第n个表达式1n+2和n+2是等价的,但是extend将此表达式视为不同。 例如,使用以下代码创建一个LESS文件 - :nth-child(n+2) { color: #BF70A5; font-style: italic; } .child:extend(:nth-child(1n+2))

  • 问题内容: 我有一个实体- 。由描述。 Hibernate为每个实体创建一个表,因此当我调用时,我的数据总是保存到该表中。 现在,我需要另一个表来存储相同类型的数据,并且只需要将我的实体保存到该表中。 数据结构 (类似这样): 使用这个 : 和结果,我应该在和 中。 由于系统限制,我无法将这两个对象放在一个表中。(即使创建额外的字段也是个坏主意)。 我可以不进行子类化吗?使用Programmati

  • Hibernate为每个实体创建一个表,因此当我调用时,我的数据总是保存到这个表中。 现在,我需要另一个表来存储相同类型的数据,并且我只需要将我的实体保存到该表中。 数据结构(类似于以下内容): 由于系统的限制,我不能将这两个对象放在一个表中。(即使创建额外字段也是坏主意)。 我可以在不进行子类化的情况下这样做吗?使用programmaticaly hibernate配置?

  • 我有一个servlet,它接收一组数据,进行处理,并根据表单提交将其写入excel文件或文本页面。在处理Excel时,所有的处理都在使用Apache POI的相应模型中进行。我正在尝试修改它,以便它根据所包含的数据对行进行颜色编码,但是,在将颜色应用于行之后,当我将工作簿写入文件输出流时,颜色不存在。我正在将数据处理成excel文件,如下所示: MCVE公司 我仍然得到excel文件,但格式不存在

  • 问题内容: 我想从表中的数据创建json。表看起来像这样: 我正在使用FOR JSON PATH,这很不错: 但此查询的返回值是一行中的三个串联的json: 我需要每一行都是一个单独的json,像这样: 我正在尝试使用拆分函数(CROSS APPLY),该函数需要使用分隔符作为参数,但这不是一个可靠的解决方案,因为json可以进一步扩展或分支,并且可以不分离整个json,而是分离json内部的js

  • 问题内容: 我有一个实体- 。由描述。 Hibernate为每个实体创建一个表,因此当我调用时,我的数据总是保存到该表中。 现在,我需要另一个表来存储相同类型的数据,并且只需要将我的实体保存到该表中。 数据结构 (类似这样): 使用此方法 : 和结果,我应该在和 中。 由于系统限制,我无法将这两个对象放在一个表中。(即使创建额外的字段也是个坏主意)。 我可以不进行子类化吗?使用Programmat