Как выбрать предыдущего брата, используя синтаксис Selen CSS

Question

Как выбрать предыдущего брата, используя синтаксис Selen CSS

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

<div></div>
<div>I want this</div>
<div id="i_know_this"></div>

Это говорит о том, что я мог бы использовать тильду. например, css=#i_know_this ~ div, но он выбирает следующего брата, а не предыдущего. Кроме того, селектор::before не работает.

0

selenium

Источник

user40080 09 фев '12 в 14:04

2 ответа

Другие вопросы по тегам selenium

user5301341 07 мар '16 в 11:27 2016-03-07 11:27 · Answer 1 · 2016-03-07 11:27

Путь селектора CSS не дает вам права двигаться назад в иерархии DOM, в этом случае вам придется использовать XPath //*[@id='i_know_this']/preceding-sibling::div[1]

1

Источник

user5301341 07 мар '16 в 11:27

user855636 09 фев '12 в 14:27 2012-02-09 14:27 · Answer 2 · 2012-02-09 14:27

Вы можете попробовать использовать XPath selection - см. Примеры здесь: http://zvon.org/xxl/XPathTutorial/Output/

0

Источник

user855636 09 фев '12 в 14:27

user3897775 26 апр '17 в 18:21 2017-04-26 18:21 · Answer 3 · 2017-04-26 18:21

Вы можете использовать библиотеку ax (ax - постпроцессор CSS).

В этом случае ближайший предыдущий селектор топоров ?,

(Это противоположность + в обычном CSS).

Рабочий пример:

div {
height: 36px;
padding: 6px 12px;
line-height: 36px;
}

#i_know_this:hover ? div {
color: rgb(255, 255, 255);
background-color: rgb(255, 0, 0);
}

<div>Ignore me</div>
<div>I want this</div>
<div id="i_know_this">Hover me</div>

<script src="https://rouninmedia.github.io/axe/axe.js"></script>