Skip to main content

Adjacent Sibling Selector ↔ + Selector for Sibling Element; E1 + E2 {} where E2 is selector target

equivalent to sideways DOM Traversal

Sibling Element​

Elements at same level

select <p> which are Sibling Element of <h1>​

h1 + p {
  font-size: 18px;
}

References​

  1. General Sibling Selector ↔ ~ Selector less strict Adjacent Sibling Selector; E1 ~ E2 {} where E2 is selector target