Selectors

The CSS type selector matches elements by node name. In other words, it selects all elements of the given type within a document.

Class selector is a name preceded by a full stop (“.”)

ID selector is a name preceded by a hash character (“#”).

Pseudo class selectors are CSS selectors with a colon preceding them. You are probably very familiar with a few of them. Like hover: a:hover { /* Yep, hover is a pseudo class */ } They are immensely useful in a variety of situations.

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 (space) child selector (>) adjacent sibling selector (+) general sibling selector (~)