Что это означает для + того же стиля с самим собой?

Question

Я знаю, это не имеет смысла. Посмотрите здесь, и вы поймете, что я имею в виду

http://jsfiddle.net/thirtydot/q6Hj8

Часть, где она находится

.yourDivClass + .yourDivClass {....

Похоже, что до конца разделите стиль. Это обычный способ достижения этого эффекта?

Answer 1

На раздел 5.7: Селекторы смежных братьев и сестер спецификации W3C CSS: (форматирование для ясности)

Селекторы соседних братьев и сестер имеют следующий синтаксис: E1 + E2, где E2 является предметом селектора. Селектор совпадает, если

1. E1 и E2 совместно использовать одного и того же родителя в дереве документа и
2. E1 непосредственно предшествует E2, игнорируя неэлементные узлы (такие как текстовые узлы и комментарии).

Таким образом, следующее правило гласит, что когда элемент P немедленно следует за элементом MATH, он не должен иметь отступ:

math + p { text-indent: 0 }

Это в основном означает, что, когда второй элемент находится в том же контексте И следует непосредственно за элементом first в коде (без каких-либо других элементов между ними), следующий атрибут будет добавлен к второму элементу!

В вашем примере с jsfiddle это означает, что 'margin-left' будет применено к целым / обоим классам / эс (поскольку оба селектора в вашем примере одинаковы) только если элемент следует за собой в вашем коде, что он и делает. Попробуйте

<div class="Yourclass">
<div class="cloneofyourclass">
<div class="Yourclass"> 

и никакие дополнительные margin-left из вашего примера не будут применены.

Обратите внимание, что Internet Explorer 6 не принимает любой из этих селекторов! IE7 и выше подойдет, хотя!

Answer 2

Селектор смежных братьев и сестер имеет довольно хорошую поддержку среди современных браузеров.Он отлично подходит для стилизации определенных вещей, таких как первый абзац после заголовка или второй из двух упорядоченных списков и т. Д.

Answer 3

Это означает, что вы ищете .yourDivClass, который является родным братом сразу после другого .yourDivClass.