Дочерние селекторы и таблицы

Vialls · December 21, 2008

Имеется HTML-код:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC  "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
	<title>Заголовок страницы</title>
	<link media="all" rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
	<table class="my">
	  <tr>
		<td>
		  Col #1
		</td>
		<td>
		  Col #2
		</td>
	  </tr>
	</table>
  </body>
</html>

и CSS-код:

table.my > tr > td
{
  color: red;
}

Не могу понять, почему данная конструкция не работает? Можно это как нибудь подругому реализовать?

rus · December 21, 2008

.my td {

color: red;

}

Vialls · December 21, 2008

Нет, вы не поняли. Мне нужно применить к стиль ячейкам конкретной таблицы. А в коде, которы вы привели будет следующая проблема:

<table class="my">
  <tr>
	<td>
	  <table>
		<tr>
		  <td>Тут тоже красный цвет</td>
		</tr>
	  </table>
	</td>
	<td>
	  ....
	</td>
  </tr>
</table>

P.S.

Параметр color - это просто пример (поэтому на наследование не надо обращать внимание), на самом деле, будут применяться другие параметры.

Edited December 21, 2008 by Vialls

rus · December 21, 2008

Именно в этом случае без js никак, только что отдельно вешать класс.

Edited December 21, 2008 by rus

Vialls · December 21, 2008

Очень жаль... Спасибо.

Sign In

Дочерние селекторы и таблицы

Question

Vialls

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

rus

Link to comment

Share on other sites

Vialls

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

Vialls

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information