Как применить css до дочернего класса

Я хочу применить css до тэга t td. другое td не должно быть выполнено

<table border="0" cellspacing="0" cellpadding="0">
 <tbody><tr>
 <td>heading</td>
 <td>some data</td>
 <td><p>Date</p></td>
 </tr>
</tbody></table>
2 ответа

Когда td с p-class всегда является единственным и последним элементом tr вы можете использовать :last-child css-стиль :last-child.

Подобно:

tr td:last-child {
 color:red;
}

EDIT: он не работает с CSS. CSS не может получить родительский элемент. Вместо этого используйте jQuery/javascript:

jQuery('.may-class').parent().addClass('someClass');


Похоже, что вы ищете родительский селектор, который CSS не содержит (пока...) http://css-tricks.com/parent-selectors-in-css/

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

td > p { ... }

Обратитесь к этому вопросу за способами его стилизации с помощью Javascript: есть ли родительский селектор CSS?

licensed under cc by-sa 3.0 with attribution.