Вы когда-нибудь видели такие селекторы CSS?

Question

table td+td+td+td+td+td{
    display:table-cell;
}

Что означает +?

Answer 1

Это соседний селектор брата .

Так что, если у вас есть что-н. как:

<table> 
    <tr>
        <td></td> <!-- starting from here A-->
        <td></td> <!-- starting from here B-->
        <td></td>
        <td></td>
        <td></td>
        <td></td> <!-- selects this one A -->
        <td></td> <!-- selects this one B -->
    </tr>
</table>

Таким образом, будут выбраны последние две ячейки в этом примере. Смотрите здесь: http://jsfiddle.net/ERkEk/

Весь CSS-селектор кажется не очень полезным для меня (личное мнение) как жесткое программирование для меня. В некоторых случаях это может быть необходимо, но поддерживать его сложнее, чем использовать классы. Вы очень полагаетесь на разметку в этом случае.

Обновление: Поддерживается во всех браузерах, кроме IE 5.5 и IE 6 и не поддерживается на 100% в IE <= 8. </a>

Answer 2

Селектор соседнего брата.

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

math + p { text-indent: 0 } 

http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors