Вот есть страница. На ней есть група .dragable-area в коих есть дочерние элементы .dragable-item
мне нужен способ с помощью css-selector-а сделать то же самое, что следал бы следующий x-path:
//*[@class="dragable-item"][3]
//*[@class="dragable-item"][5]
//*[@class="dragable-item"][N]
а
.dragable-item:nth-child(3)
возвращает не абсолютную позицию, а относительно родительского элемента. Соответственно он возвращает 5й элемент на скриншоте, вместо третьего.
Для чего-то Cheg-у понадобилась разметка, хотя не пойму для чего. Хотя относительно вопроса она бесполезна, но вот:
<div class="panel">
<div>
<div class="dragable-area">
<div class="item dragable-item"></div>
<div class="item dragable-item"></div>
</div>
<div class="dragable-area">
<div class="item dragable-item"></div>
<div class="item dragable-item"></div>
<div class="item dragable-item"></div>
</div>
<div class="dragable-area">
</div>
<div class="dragable-area">
</div>
</div>
</div>