Сочетание CSS селекторов
Сочетание CSS селекторов
Комбинированные селекторы иллюстрируют прямую связь между этими двумя селекторов. |
CSS селекторы включают в себя сочетание различных комбинаций простых селекторов.
В CSS3 содержит четыре комбинации:
- Потомок селектора (разделенных пробелами)
- Селектор дочерний элемент (больше, чем с разделителями)
- Прилегающие селектор родственный (плюс запятые)
- Обычный селектор Brother (через тире)
Потомство Выбор
Потомок селектор соответствует всем элементам, достойные элементы потомков.
Следующий пример выбирает элемент все <p> в элемент <div>:
Дочерние селекторы
По сравнению с селекторов потомков, суб-селекторы (селекторы дочерних элементов) можно выбрать элемент как дочерний элемент элемента.
Следующие примеры выбраны элемент <div> во всех прямых элементов дочерних <р>:
Прилегающие Sibling Selector
Прилегающие селектор родственный (смежный селектор родственный) выберите другой элемент сразу после элемента, и оба имеют один и тот же родительский элемент.
Если вам необходимо немедленно выбрать другой элемент после элемента, и оба имеют один и тот же родительский элемент, вы можете использовать соседний селектор одноранговых (соседнего селектора родственный).
Следующий пример выбирает все первый в элементе <div> после элемента <p>:
Обычные соседние селекторы одноуровневых
Общие смежный селектор родного брата, чтобы выбрать все из указанных родственных элементов.
В следующем примере выбираются все элементы <div> всех смежных собрата <p>: