Как будет переписать XPATH-выражения на CSS?

Question

[Дмитрий]

У меня есть XPATH-выражения:
1. '//header//ul[@id="nav"]/li[4]/a'.

Как оно будет вылядеть в виде CSS-локатора?

Это выражение ищет элемент header , а найдя ищет ul с атрибутом id для которого id равно "nav". После нахождения ul в его дочерних элементах ищется 4-й li (нумерация от 1, а не 0). И наконец извлекаются все a-теги. Замечу что header, ul ищутся не от корня. Между header и корнем может быть множество элементов. Между ul и header также может быть множество элементов.

2.

xpath = '//table[@align="center" and @border="0" and class="regt"]//ul//li[5]/p'

Найти table-тег для которого заданы 3 атрибута и при этом выполняется условие: align равен "center" И border равен "0" И class равен "regt".

Для меня, пока, сложность представляет:
1. Указание 4-го li-тега.
2. Как задавать условия в CSS-локаторах?

Answer 1

[Abdula Magomedov]

https://webref.ru/css/nth-child

Comments

[Дмитрий]

ОК. А чем это будет круче чем https://webref.ru/css/nth-of-type ?

[Abdula Magomedov]

Дмитрий: https://habrahabr.ru/post/119139/

[Дмитрий]

Abdula Magomedov: Вот и я к тому! Почему вы на мой п.1. указали nth-child , если он не надежный?

[Abdula Magomedov]

Дмитрий: я XPATH не знаю, просто предложением напиши условие, я напишу тебе css

[Abdula Magomedov]

Дмитрий: словами опиши мне условие, с меня CSS

[Дмитрий]

Abdula Magomedov: Описал. Также добавил еще одно xpath-выражение

[Abdula Magomedov]

Дмитрий: пример файла с такой структурой можешь дать, чтоб я был уверен, что селектор работает?

[Abdula Magomedov]

Дмитрий: вообще лучше позвони мне в скайп, скайп в профиле