Question

我想将一个z-index值添加到我无权访问的div中，并且没有id或class，并且首先以相同的方式存在多个层。这些层之间的区别在于，第3层（我感兴趣的是）附加了z-index值（硬编码，模板文件中没有，我不能触摸除模板文件之外的任何内容）。 / p>

所以我想要的是找到一种方法来改变这个div的z-index值。

例如，代码如下所示：

<div>
<div>
<div style="z-index:2">

..some content..

</div>
</div>
</div>

我可以将此代码包装在另一个图层中，这次使用类名或ID，然后尝试对div内部进行更改吗？这可能吗？

非常感谢！

Answer 1

由于z-index是硬编码的，您可以使用attribute selector来选择元素（JSFiddle）：

div[style*="z-index:2"]

当您使用.css()或使用.style.cssText通过JavaScript更改CSS时，这甚至可以正常工作，因为选择器按属性选择元素，而不是按<强>属性

Answer 2

如果您不关心跨浏览器兼容性，可以在css选择器中使用:nth-child()伪类。

像

这样的东西

(parent div) div:nth-child(3)