Selectors and Combinators
Here are the possible selectors and combinators:
CSS selectors are the patterns utilize for selecting the elements for style purpose.
|It selects all the elements that match the given node name.
|It selects all elements that have the given class attribute.
|It selects an element based on the value of its id attribute.
|It selects all elements.
|* universal_name|* *|*
|It selects the elements based on the value of given attribute.
CSS combinators are used to explain the relationship between two or more selectors.
|The “+” combinator selects adjacent siblings, which means, the second element directly follows the first, and both share the same parent.
|Selector + Selector
|The ~ combinator selects siblings, which means, the second element follows the first, and both share the same parent
|Selector ~ Selector
|The > combinator selects the direct children of the first element.
|Selector > Selector
|The (space) combinator selects the nodes which are descendants of the first element.
|The || combinator selects nodes which belong to a column.
|Selector || Selector