CSS-lähimmät veljekset yhdistin (+)

Määrittely ja käyttö

CSS-lähimmät veljekset yhdistin (+) käytetään valitsemaan elementti, joka on suoraan toisen tietyn elementin jälkeen.

Esimerkki

Valitse ja aseta tyyli, joka on suoraan <div>-elementin jälkeen (ei sisällä), <p>-elementille:

div + p {
  background-color: gold;
  border: 1px solid gray;
}

Kokeile itse!

CSS-grammatiikka

elementti1 + elementti2 {
  css-deklaratiot;
}

Tekninen yksityiskohta

Versio: CSS2

Selaimen tuki

Taulukon numerot ilmaisevat ensimmäisen selaimen version, joka tukee kyseistä yhdistintää.

Chrome Edge Firefox Safari Opera
Tuki 7.0 Tuki Tuki Tuki

Liittyvät sivut

CSS oppitunnit:CSS peräkkäiset veljeksivalitsimet