CSS Selector-How to locate Parent Element

Question

Is there any way to locate parent element in CSS Selector? i am using below code but i am not getting the parent element.

WebElement we=dr.findElement(By.cssSelector("div[id='gf-BIG']:parent"));

I know there is a way in XPath but please let me know that how we can locate parent in CSS Selector.

css does not give you the flexibility of walking down the nodes as xpath does — Saifur, Jun 23 '15 at 04:29

score 19 · Accepted Answer · edited May 23 '17 at 12:17

19

Referring to the Is there a CSS parent selector? topic, there is no parent selector in CSS. Leave the "getting the parent" part to the XPath:

WebElement we = dr.findElement(By.cssSelector("div[id='gf-BIG']"));
WebElement parent = we.findElement(By.xpath(".."));

edited May 23 '17 at 12:17

Community

answered Jun 23 '15 at 04:46

alecxe

score 1 · Answer 2 · answered Nov 27 '15 at 14:14

1

If it would help here is example how get it by xpath

WebElement parentElement = driver.findElement(By.xpath("//div[@id='gf-BIG']/parent::parentElementTag"));

parentElementTag - could be div/span/tr - depends on your case

answered Nov 27 '15 at 14:14

Irina Livkovich

score 1 · Answer 3 · answered May 31 '19 at 00:59

1

If the parent is say div, you could try something like below

div div[id='gf-BIG']

answered May 31 '19 at 00:59

Indu Devanath

3 Answers3