Explore 100's Of Free Video Tutorials

Keep Learning, Keep Coding & Keep Sharing

CSS

CSS Descendant Selector

Notes:

CSS – Descendant Selector (White space):
Descendants of a node are any node falling under the selected node tree.
(i.e. Direct Children, Children’s Children, and so on or any node that can be reachable from the selected node to the leaf nodes are considered as descendants of node)

It selects any html element targeted by the selector written after the space character, which is/are descendant(s) of the any html element targeted by the selector written before the space character.

Syntax of CSS rule-set / rule:
selector
{
declaration list;
}

To implement descendant selector, in place of selector; we write selectors one beside another separated by the white space character

Syntax of Descendant Selector:
selector1 selector2
{
declaration list;
}

It selects any html element targeted by selector2, which is descendant(s) of any html element targeted by selector1

Ex:
div p
{
border:2px solid red;
}
It selects any p element, which is descendant of any div element

Interview Questions:

1. Which symbol indicates descendant selector in CSS?
a. tilde
b. space
c. plus
d. greater than
Answer: b