Вопрос по CSS. Как маркировать таблицу?

Bboy

Новичок
Вопрос по CSS. Как маркировать таблицу?

Есть конструкция

<STYLE type="text/css">
.content table,tr,td { background:#EFE6CC}
</STYLE>

<BODY>

<div class="content">
text

<table border="1" cellpadding="5" cellspacing="0" width="100%">
<tr>
<td>Название</td>
<td>Длина и диаметр в дюймах</td>
<td>Длина и диаметр в мм</td>
<td>Кол-во в упаковке</td>
</tr>
</table>

</div>
</BODY>

При данном раскладе все таблицы в <div class="content">...</div>
будут с фоном EFE6CC.
Можно ли как-то сделать, что бы некоторые таблицы, входящие в <div class="content">...</div> были с фоном, а не все. Может как-то можно маркировать таблицы?
 

bkonst

.. хочется странного?...
1) использовать id
2) добавить класс для таблиц и прописать, например:
.content table.myclass,
.content table.myclass tr,
.content table.myclass td
{ background: red; }

Кстати, .content table,tr,td { background:#EFE6CC} приведет к тому, что ВСЕ ячейки таблиц будут иметь фон, а не только ячейки таблиц внутри <div class="content>
 

Bboy

Новичок
Автор оригинала: bkonst
1) использовать id
2) добавить класс для таблиц и прописать, например:
.content table.myclass,
.content table.myclass tr,
.content table.myclass td
{ background: red; }

Кстати, .content table,tr,td { background:#EFE6CC} приведет к тому, что ВСЕ ячейки таблиц будут иметь фон, а не только ячейки таблиц внутри <div class="content>
Спасибо за замечание!

Кстати, как лучше, через id или вторым вариантом?
Насколько я понимаю, если делать через id, то будет такое количество айди, сколько таблиц в диве, они ведь должны быть уникальными?

Кстати, почему-то не получается заголовок таблицы отформатировать. В css добавил

.content table.myclass tr.header
{ font-weight:bold; background: #FFFFFF;}
В html пишу
<div class="content">
text

<table border="1" cellpadding="5" cellspacing="0" width="100%" class="myclass">
<tr class=header>
<td>&#205;&#224;&#231;&#226;&#224;&#237;&#232;&#229;</td>
<td>&#196;&#235;&#232;&#237;&#224; &#232; &#228;&#232;&#224;&#236;&#229;&#242;&#240; &#226; &#228;&#254;&#233;&#236;&#224;&#245;</td>
<td>&#196;&#235;&#232;&#237;&#224; &#232; &#228;&#232;&#224;&#236;&#229;&#242;&#240; &#226; &#236;&#236;</td>
<td>&#202;&#238;&#235;-&#226;&#238; &#226; &#243;&#239;&#224;&#234;&#238;&#226;&#234;&#229;</td>
</tr>
<tr>
<td>&#205;&#224;&#231;&#226;&#224;&#237;&#232;&#229;</td>
<td>&#196;&#235;&#232;&#237;&#224; &#232; &#228;&#232;&#224;&#236;&#229;&#242;&#240; &#226; &#228;&#254;&#233;&#236;&#224;&#245;</td>
<td>&#196;&#235;&#232;&#237;&#224; &#232; &#228;&#232;&#224;&#236;&#229;&#242;&#240; &#226; &#236;&#236;</td>
<td>&#202;&#238;&#235;-&#226;&#238; &#226; &#243;&#239;&#224;&#234;&#238;&#226;&#234;&#229;</td>
</tr>
</table>

</div>

Текст становится жирным, но фон у верхнего ряда не меняет цвета. Почему?
 

bkonst

.. хочется странного?...
Кстати, как лучше, через id или вторым вариантом?
Насколько я понимаю, если делать через id, то будет такое количество айди, сколько таблиц в диве, они ведь должны быть уникальными?
Если нужно убрать фон у одной-двух таблиц - можно через ID; если у многих - лучше через класс.

Текст становится жирным, но фон у верхнего ряда не меняет цвета. Почему?
Потому что правило применяется к строке. А внутри строки есть ячейки, к которым применяются другие правила. Добавь td в конец селектора.
 

Bboy

Новичок
Автор оригинала: bkonst
Если нужно убрать фон у одной-двух таблиц - можно через ID; если у многих - лучше через класс.


Потому что правило применяется к строке. А внутри строки есть ячейки, к которым применяются другие правила. Добавь td в конец селектора.
Спасибо!
 
Сверху