Subsequent Sibling Selector

Term side of the Card
Topic: Selectors
Unit title: Subsequent Sibling Selector
Categories: Selector
Explanation side of the Card

Explanation: The selector that targets elements that share the same parent and are placed immediately after a specified element. It uses the '~' symbol and allows styling of elements that come after a particular sibling in the DOM, regardless of how many elements are between them.

Browser compatibility:
  • The chrome browser supports this feature starting from version 1
  • The edge browser supports this feature starting from version 12
  • The firefox browser supports this feature starting from version 1
  • The safari browser supports this feature starting from version 3
Availability: