CSS選擇器 - 獲取元素知道元素的子元素

Question

我想獲得tr元素，其中包含span.selected正確的列。我需要使用一個選擇器來完成它。

它發現如果元素存在：

By.CssSelector("tr[role='row'].jqgrow td[aria-describedby$='Default'] span.selected") 

但它返回span.selected IWebElement ..我怎樣才能獲得tr[role='row'].jqgrow IWebElement（使用CssSelector或XPath）？

Answer 1

像這樣的東西可以使用XPath

//tr[@role='row'] 
    [contains(@class, 'jqgrow')] 
    [.//td[ends-with(@aria-describedby, 'Default')][.//span[contains(@class, 'selected')]]] 

如果要素有多個類工作，它更安全（更少可讀性）以替換(@class and contains(concat(' ', normalize-space(@class), ' '), ' jqgrow '))（從Python的cssselect借用的技巧）

我不認爲你可以用C單獨的SS選擇器。

Answer 2

我不相信CSS可以讓你做到這一點，因爲你需要家長選擇：

CSS selector for "foo that contains bar"?。

您需要使用XPath，它可以根據孩子選擇父母。您可以檢查此職位的信息，使用XPath來選擇與特定的子節點父：

XPath find all elements with specific child node