Hosting Solutions
mobile_logo Table of Contents
seal_frontseal_back

general sibling

The general sibling selector will target all specified elements that come after the specified sibling element.
Syntax Logicsibling ~ sibling { property_list }

CSS Code Example

<style> h3 ~ p { font-style:italic; color:#09F; } </style> <h2>Some Stuff</h2> <p>Stuff inside my paragraph...</p> <p>Stuff inside my paragraph...</p> <h3>More Stuff</h3> <p>Stuff inside my paragraph...</p> <p>Stuff inside my paragraph...</p> <div>Stuff inside my div...</div> <p>Stuff inside my paragraph...</p>

CSS

Selectors

universaltypecompoundclassidnotattributedescendantchildadjacent siblinggeneral siblingfirst childlast childonly childfirst of typelast of typeonly of typenth childnth last childnth of typenth last of typeemptyrootfirst linefirst letterbeforeafterlinkvisitedhoveractivefocustargetenableddisabledcheckedlang