代码之家 › 专栏 › 技术社区 › Gandalf StormCrow

CSS第n个子选择器

css-selectors prototypejs css html

1

Gandalf StormCrow · 技术社区 · 16 年前

我有一个css选择器的问题,我有两个按钮呈现成HTML由外部javascript,按钮在我的页面底部和顶部。

因此,如果我使用共同类名自定义CSS,一个按钮看起来很好,但另一个没有,因此我的想法是:

以下是我如何使用CSS失败的原因:

.xclassname:nth-child(1) {
  â® declarations
}

什么都没发生,有人能想出一些有用的办法吗?顺便说一句,我使用原型,而不是jQuery

2 回复 | 直到 14 年前

1

2

Dave Markle 16 年前

这是CSS3选择器。你在用IE吗?因为那个选择器根本不会在那里工作。它应该在Chrome、Safari或更高版本的Firefox中工作。

2

0

robjmills 16 年前

公认的答案是错误的。这个 Prototype docs 实际上提供了一个第n个孩子的例子,OP实际上提到他使用原型,所以他不需要担心IE。

$$('table tbody > tr:nth-child(even)');

考虑到您正试图做的事情,尽管您可以这样针对元素:

$$('.xclassname').first().setStyle({
  // some style here
});