 |
CSS Combinators
Note A combinator is something that
explains the relationship between the selectors.
A CSS selector can contain more than one simple selector. Between the
simple selectors, we can include a combinator.
There are four different combinators in CSS3:
- descendant
selector
- child selector
- adjacent sibling
selector
- general sibling
selector
Descendant Selector
The descendant selector matches all element that are descendants of a
specified element.
for selecting all <A> elements inside of
<B> elements is written B A
Child Selector
The child selector selects all elements that are the immediate children
of a specified element.
for selecting all <A> elements that are immediate
children of a <B> element is written B>A
Adjacent Sibling Selector
The adjacent sibling selector selects all elements that are the
adjacent siblings of a specified element.
Sibling elements must have the same parent element, and "adjacent"
means "immediately following".
for selecting all <A> elements that are placed
immediately after <B> element is written B+A
General Sibling Selector
The general sibling selector selects all elements that are siblings of
a specified element.
for selecting all <A> element that are siblings of
<B> elements is written B~A
|