Sousední sourozenec - Triky CSS

Obsah:

Anonim

Sousední sourozenecký kombinátor v CSS není selektor sám o sobě, ale způsob kombinace dvou selektorů. Například:

p + p ( margin: 0; )

Znaménko plus (+) je sousední kombinátor sourozenců mezi dvěma selektory odstavcové značky (prvku). To znamená „vybrat libovolnou značku odstavce, která je přímo za jinou značkou odstavce (bez mezery)“. Zde je několik příkladů toho, co by vybrala:


I'm a paragraph

I get selected!

I'm a paragraph

Monkey hair

I will NOT get selected

To je většinou užitečné pro použití sémantického značení a nutnost upravit určité scénáře, ve kterých jsou prvky přímo vedle sebe.

Podívejte se na Pen Adjacent Sibling Selector od Sary Cope (@saracope) na CodePen.

Další zdroje

  • Dobré použití pro sousední sourozenecké kombinátory
  • Dokumenty MDN
  • Specifikace W3C

Podpora prohlížeče

Chrome Safari Firefox Opera TJ Android iOS
Žádný Žádný Žádný Žádný 7+ Žádný Žádný