AtoZ CSS: The General Sibling Selector

G is for General Sibling

About the screencast

The general sibling selector is part of the family of combinator selectors in CSS that allow the styling of descendants, children, grandchildren, and siblings of an element. Some of them aren’t that commonly used but they have very deep browser support. Examples include h2 ~ p {} /* general sibling */, h2 p {} /* descendent */ and h2 * p {} /* grandchild */. I’ll be teaching you further about these values and its other variations.

CodePen referred to can be found here:


Have your say! or become a member now to take part in the discussion