相关疑难解决方法(0)

加号(+)用于下一个兄弟.以前的兄弟姐妹是否有同等效力？

我有一个table,其tds的动态创建.我知道如何得到第一个和最后一个孩子,但我的问题是:

有没有办法让第二个或第三个孩子使用CSS？

如果你有一个包含数百个非常简单的子元素的容器div,如下所示:

<div id="stuffContainer" class="item-container">
    <div class="single-item"></div>
    <div class="single-item"></div>
    <div class="single-item"></div>
    <div class="single-item"></div>
    <div class="single-item"></div>
    <div class="single-item"></div>
    [...]
</div>

会以任何(有意义的)方式为每个单元素包含一个唯一的id损害(客户端)性能,无论是渲染,javascript还是内存明智？

为什么我要问:我可能不时需要参考具体项目,我想弄清楚我是否应该提前预先计算出我需要选择哪些项目,给他们提供ID并将其余部分留下来,或者只是将id分配给所有这些,这将使过程更加直接,但我想知道这可能是某种矫枉过正.

如果有人可以谈论现代浏览器如何处理它以及为什么它在浏览器呈现和管理DOM方面不会产生影响,那么奖励积分(如果我能真正给予它们).

我想将第n个div的左侧帖子设置为(n-1)*250px,例如:

1st child: left = 0px
2nd child: left = 250px
...

是不是可以在CSS中这样做？我正在使用Javascript来设置它.谢谢.

我试图在悬停时给每个菜单li一个独特的背景颜色,我想用css2来做.

<ul>
    <li>
    <li>
    <li>
    <li>
</ul>

我能够使用以下内容在第一个元素上添加背景:

nav ul > li:hover:first-child a { background-color:red !important; }

当我在2ndelement上添加不同的背景时,只有当我将光标放在第一个元素上时,才会出现下一个元素的悬停效果.

到目前为止这是我的代码:

nav ul > li:hover:first-child a { background-color:red !important; }
nav ul > li:hover:first-child + li a { background-color:blue !important; }

有没有一种适当的方法来使用CSS2？

我试图通过以下链接深入了解这个Boltclock的答案.

如何使用CSS2选择器获取元素的第n个子元素？

任何帮助将不胜感激.

我有一种方法可以从具有某个类的元素中选择(使用css)第n个子元素.例如,对于以下内容,我如何选择li带有id="this"(出于解释目的)的元素？所以基本上我想说的是元素中的第二个元素class="selected"

<ul>
    <li></li>
    <li class="selected"></li>
    <li></li>
    <li id="this"></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

I have some questions on the capabilities of CSS 2 and CSS 3 selectors.

1. Are CSS 2 selectors powerful enough to select any element in a DOM tree?

2. Is there anything that CSS 3 selectors could do while CSS 2 selectors could not?

3. Could any CSS 3 selector be theoretically converted to a CSS 2 selector (although the converted CSS 2 selector may be a bit tedious)?

4. Is there any tool for converting CSS 3 to CSS 2 selectors?

I …