2013-03-14 4 views
0

У меня есть <td> без класса внутри <tr class="alt">CSS: не селектор элемента другого класса

Как выбрать, но не все <td> внутри таблицы без изменения HTML-разметки?

+1

коду пожалуйста, нам нужно увидеть код. – Lowkase

+0

должен быть способ дифференцирования этого '' от других в строке 'tr.alt> td: nth-of-type (n)' может помочь - если это nth '' в строке? – Bill

ответ

4

Используйте указатель класса на Tr:

tr.alt > td 

Если вы только хотите, чтобы выбрать первый тд внутри каждого tr.alt, вы можете использовать:

tr.alt > td:nth-child(1) 
+0

Что делать, если в этой строке есть другие '''? – Bill

+0

Это выберет все элементы, соответствующие критериям OP, т. Е. Td внутри tr с классом alt. Если требуется только первое, можно добавить дополнительный спецификатор ': nth-child'. –

5

Если я вас правильно понимаю, и вы хотите настроить таргетинг на всех td s, которые не имеют никакого класса, то вы можете сделать это следующим образом:

tr.alt td:not([class]) { 
    background-color:red; 
    ... 
} 

См jsFiddle

Если с другой стороны вы должны предназначаться td s, что не имеют определенного класса (например, main), но может иметь других классов

tr.alt td:not(.main) { 
    background-color:red; 
    ... 
} 

См jsFiddle

Смежные вопросы