CSS3 seuraava sisar yhdistäjä (~)

Määrittely ja käyttö

CSS seuraava sisar yhdistäjä (~匹配所有在第一个元素 (element1sen jälkeen ilmestyvän element2.

element1 ja element2 Täytyy olla saman isän elementti, mutta element2 Ei tarvitse olla suoraan element1 jälkeen.

Esimerkki

Valitse ja aseta kaikkien <p>-elementin jälkeen ja saman isän elementin <ul>-elementin tyylit:

p ~ ul {
  background-color: gold;
  border: 1px solid gray;
}

Kokeile itse!

CSS-kieli

element1 ~ element2 {
  css-lauseet;
}

Tekninen yksityiskohta

Selaintuen

Taulukon numerot merkitsevät ensimmäistä selainta, joka täysin tukee kyseistä yhdistäjää.