NTH-孩子不能正常工作

时间:2014-10-08 13:14:03

标签: html css css-selectors

在某些元素上,我可以使用NTH子选择器,它是第二级元素(父级>子级) 但在孩子中我有一个第三级元素(父母>孩子>孩子),我似乎无法单独触发选择器。它只触发所有这些或没有触发。

1 个答案:

答案 0 :(得分:2)

首先你应该在html中只使用一次id。如果你想要你现在拥有的东西,你应该使用class not id。 第二个你在块div.so中只有一个内部块而不是innerblock:nth-​​child(1)你可以使用innerblock。

section#top .block .innerblock{
    background: #ddd !important;
}

fiddle

更新: 如果你想为eatch block单独更改.innerblocks。请使用此css

  section#top .block:nth-child(1) .innerblock{
    background: #ddd !important;
  }

fiddle