How to select all class that is above certain tag using CSS Selector in Selenium + Python?

Question

Here I want to get all the class = "result-row" which are above the "h4" tag, not the ones which are below "h4" tag.

My current code selects all of them:

section = driver.find_element_by_css_selector("[class='rows']")
result_rows = section.find_elements_by_css_selector("li.result-row")

so how can i get the desired result here?

Answer 1

You could try the following css which uses :not to filter out h4's general siblings based on class

li.result-row:not(h4.ban ~ li.result-row)

which might be simplified to:

.result-row:not(.ban ~ .result-row)

Answer 2

如果不需要CSS，则可以使用XPath：

driver.find_element_by_xpath("//h4/previous-sibling::li")