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
– Saifur, Commented Jun 23, 2015 at 4:29

Community · Accepted Answer · 2017-05-23 12:17:02Z

20

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, 2017 at 12:17

CommunityBot

11 silver badge

answered Jun 23, 2015 at 4:46

alecxe

476k127 gold badges1.1k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Irina Livkovich · Accepted Answer · 2015-11-27 14:14:51Z

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, 2015 at 14:14

Irina Livkovich

236 bronze badges

Comments

Indu Devanath · Accepted Answer · 2019-05-31 00:59:37Z

1

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

div div[id='gf-BIG']

answered May 31, 2019 at 0:59

Indu Devanath

2,2181 gold badge18 silver badges17 bronze badges

Comments

Jasmin Prajapati · Accepted Answer · 2024-02-23 05:20:04Z

0

There is no direct way(like using :parent OR :preceding), we can use CSS Selector for finding the parent element.

CSS Provides support for siblings
CSS Provides support for childs
CSS Provides support for element which has specific child element with :has() function. This may help at some extent for finding parent. (Reference: Is there a CSS parent selector?)

However, we can not find Parent element directly using CSS.

Needless to say - CSS selector is best way to find elements as far as performance matters.

edited Feb 23, 2024 at 5:20

answered Feb 23, 2024 at 5:16

Jasmin Prajapati

12 bronze badges

1 Comment

Utmost Creator Over a year ago

have a look at this post stackoverflow.com/questions/1014861/… hope that helps

Collectives™ on Stack Overflow

CSS Selector-How to locate Parent Element

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related