2017-01-25 6 views
-1

Я дал HTML-страницу, и мне не разрешено изменять код html (например, расширять элементы html с помощью идентификаторов и т. Д.). Мне разрешено изменять макет, используя существующие классы элементов, идентификаторы и т. Д. Элемент, для которого я хочу изменить свойства текста, имеет класс .requestStatus и находится в вызове таблицы, но это не единственный элемент, который имеет этот класс css. Как я могу выделить только элементы, граничащие с зеленым, а не с красными элементами?Как выбрать ячейку таблицы html с определенным классом, который не находится в заголовке таблицы

enter image description here

ответ

1

: не (...) селектор, что вы ищете:

CSS:

<style> 
    tr:not(tr>th) span.requestStatus { } 
</style> 

JQuery:

var selected_objects = $("tr:not(tr>th) span.requestStatus"); 

Если вы предоставите более подробную информацию о том, что вы пытаетесь на самом деле «делать» с каждым элементом, было бы легче дать дополнительные инструкции.

+0

A tr не является th, поэтому ваше использование селектора: not() здесь бессмысленно. (Кроме того, синтаксис extended: not() не поддерживается в CSS в большинстве браузеров] (http://stackoverflow.com/questions/35993727/not-selector-not-behaving-the-same-between-safari-and -chrome-firefox).) – BoltClock

+0

tr: not (tr> th) span.requestStatus {} не работает. Вместо этого я использовал тот факт, что td span.requeststatus всегда находится в . Таким образом, это сработало отлично tr.listRowOdd span.requestStatus {} – user615993

0

Попробуйте это:

1) Только Span элемент имеет классrequestStatus:

td span.requestStatus{ 
    *Css Code;* 
} 

2) все элементы с классомrequestStatus За исключением IMG элемент

td .requestStatus:not(img){ 
    *Css Code;* 
}