css - 向没有类或id的div添加属性值？

Question

我想给一个我无权访问且没有id或class的div添加一个z-index值，而且上面还有不止一层，同样的方法。这些层之间的区别在于，第 3 层(我感兴趣的层)附加了一个 z-index 值(硬编码，无法从模板文件中获得，除了模板文件我什么都不能碰)。

所以我想要的是想办法改变这个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() 通过 jQuery 更改 CSS 时也有效，或通过使用 .style.cssText 的 JavaScript，因为选择器根据其属性而不是其属性来选择元素。