Добавить значение атрибута в div без класса или id?

Question

Я хочу добавить значение z-index к элементу div, к которому у меня нет доступа, и у которого нет идентификатора или класса, плюс есть несколько слоев выше всех одинаковым образом. Разница между этими слоями заключается в том, что к третьему (который меня интересует) прикреплено значение z-index (жестко запрограммировано, недоступно из файлов шаблонов, я не могу ничего трогать, кроме файлов шаблонов).

Итак, я хочу найти способ изменить значение z-index этого div.

Например, код выглядит так:

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

..some content..

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

Можно ли обернуть этот код в другой слой, на этот раз именем класса или идентификатором, а затем попытаться внести изменения в div внутри? Возможно ли это?

Большое спасибо!

Answer 1

Поскольку z-index жестко запрограммирован, вы можете использовать селектор атрибута , чтобы выбрать элемент ( JSFiddle ):

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

Это дажеработает, когда вы изменяете CSS с помощью jQuery, используя .css(), или с помощью JavaScript, используя .style.cssText, потому что селектор выбирает элементы по атрибуту , а не по свойству .

Answer 2

Если вас не интересует совместимость между браузерами, вы можете использовать псевдокласс : nth-child () в своем селекторе css.

Что-то вроде

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