Съседен брат или сестра - CSS-трикове

Съдържание:

Съседният комбиниращ брат или сестра в CSS не е селектор сам по себе си, а начин за комбиниране на два селектора. Например:

p + p ( margin: 0; )

Знакът плюс (+) е съседният комбинатор между братя и сестри, между селектори на два абзаца (елемент). Това означава „изберете всеки маркер на абзац, който е непосредствено след друг маркер на абзац (без нищо между тях)“. Ето няколко примера за това, което би избрало:


I'm a paragraph
I get selected!
I'm a paragraph

Monkey hair
I will NOT get selected

Това е най-полезно, когато се използва семантично маркиране и се налага да се коригира за определени сценарии, при които елементите са непосредствено един до друг.

Вижте селектора на съседни писалки на Pen от Сара Коуп (@saracope) на CodePen.