CSS - 子选择器 - nth-child(1) - 交错 - 只选择第一个元素一次

标签 css css-selectors

我在通过 CSS 选择一次 HTML 元素时遇到了问题。

code debugging

我想做的只是选择表中标记的 tr - 元素。问题是,代码确实有更多的表交错。这意味着子选择器会标记孔表中的每个第一个 tr - 元素。但我只想选择明确的第一个 tr,仅此而已。有没有办法做到这一点 ? --> 注意:我无法使用的 tr 的#ID。我应该使用标记的类和元素结构。将不胜感激任何帮助。最好的问候马克

我当前的 CSS 看起来像:

    .visible  .sapzencrosstab-Crosstab > tbody:first-of-type > tr:nth-of-type(1) 
 {  
      display: none !important;  
  }   

painting css selection red

最佳答案

感谢您的提示,我目前已实现以下 css-选择器:

  .visible  .sapzencrosstab-Crosstab > tbody:first-of-type > tr:nth-child(1) 

我在将背景涂成红色时取得了良好的效果,但在让表格消失时效果不佳,可能还有其他与 css 选择无关的问题。

关于CSS - 子选择器 - nth-child(1) - 交错 - 只选择第一个元素一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48926694/

相关文章:

CSS 规则,前所未见

javascript - 自适应多列布局,行之间没有额外的间隙

javascript - 从父级访问 iframe 的变量

css - 尝试将它与 hsla 一起使用时,使用映射到 hsl 值的 Sass 变量不起作用

Css 选择器问题 - child 和 parent ?

css - 样式表的单元格没有子表的样式单元格

css - 不明白语句 "individual inherited values are not possible with any shorthand property"

javascript - 动态图像调整大小

html - 使用 css 替换具有不一致类的表行颜色的方法

html - 网格布局模式的第 n 个子选择器