«C» в CSS — «каскадная» часть — описывает, как наши стили могут переходить от высокоуровневой архитектуры в наших документах к меньшим элементам страницы. Он намекает на нормальное направление, в котором стили перетекают вниз — но это НЕ ЕДИНСТВЕННЫЙ способ, которым стили могут быть направлены на один объект страницы через другой.
Селектор братьев и сестер является одним из методов, который я часто забываю. Лично я смутно знал, что они делали годами, но до недавнего времени никогда полностью не понимал механику. Честно говоря, они немного странные, поэтому их использование часто требует некоторого переосмысления.
С помощью Bradys , CSS и виртуального электричества я собрал несколько примеров, показывающих, как работают селекторы братьев и сестер.
Так что, если вы никогда не понимали, как работают знаки тильды (~) и плюса (+) в CSS, вот идеальный четырехминутный рывок, который поможет вам в этом.
Опять же, мы используем потрясающий Dabblet Ли для примеров, и вы можете поиграть здесь:
- Селектор соседнего брата: http://bit.ly/AdjSib
- Главный выбор братьев и сестер: http://bit.ly/GenSib
Наслаждайтесь!