Проблема с thead в таблице

[slavok47]

Помогите пожалуйста разобраться

Имеется таблица(Вот фрагмент)

<table id="example" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
	<thead>
		<tr>
			<th>Имя</th>
			<th>Фамилия</th>
			<th>Возраст</th>
			<th>Сумма</th>
			<th>Скидка</th>
			<th>Дата</th>
		</tr>
	</thead>

И код CSS который отвечает за этот фрагмент

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #99CC00;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

проблема в следующем: Если в thead вставить еще одну строку, то к ней применяется тот же стиль что и ко всем, ни как не получается его отлучить от этого стиля и задать ему другой

Тоесть что бв внутри thead был еще один <tr> но с другим стилем, пробовал добавить class="..." и в css тоже создавал такой класс, но что то не получилось

[psywalker]

а потому что специфичность этой записи (table.tablesorter thead tr th ) у вас больше, чем просто обычный класс, напишите так: table.tablesorter thead tr th.class {} , тогда должно работать

[slavok47]

а потому что специфичность этой записи (table.tablesorter thead tr th ) у вас больше, чем просто обычный класс, напишите так: table.tablesorter thead tr th.class {} , тогда должно работать

Так что ли?

table.tablesorter thead tr th.class {}, table.tablesorter tfoot tr th {
	background-color: #99CC00;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

если честно, что тоне особо понял....

[psywalker]

короче эта запись (table.tablesorter thead tr th) - Имеет больший вес, чем просто th.class, понимаешь?

Тебе нужно придумать класс, назвать его, как тебе угодно и задать его нужной ячейке, а потом чтобы он перевешивал запись: (table.tablesorter thead tr th), и при этом оказывал влияние на нужную ячейк, тебе нужно написать так: (table.tablesorter thead tr th.класс - (класс - название твоего класса) просекаешь?

Общее правило для ячеек: table.tablesorter thead tr th {}

А для особенной: table.tablesorter thead tr th.класс {}

[slavok47]

короче эта запись (table.tablesorter thead tr th) - Имеет больший вес, чем просто th.class, понимаешь?

Тебе нужно придумать класс, назвать его, как тебе угодно и задать его нужной ячейке, а потом чтобы он перевешивал запись: (table.tablesorter thead tr th), и при этом оказывал влияние на нужную ячейк, тебе нужно написать так: (table.tablesorter thead tr th.класс - (класс - название твоего класса) просекаешь?

Общее правило для ячеек: table.tablesorter thead tr th {}

А для особенной: table.tablesorter thead tr th.класс {}

Сделал так:

<table id="example" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
	<thead>
		<tr class="tab">
		  <th>Тест</th>

	  </tr>
		<tr>
			<th>Имя</th>

		</tr>
	</thead>

и CSS

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #99CC00;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr th.tab {
	background-color: #CC33CC;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

Вроде как советовали, но не сработало

[psywalker]

конеш не сработает, ячейки с классом .tab не существуетжеее

Edited June 4, 2009 by psywalker

[slavok47]

конеш не сработает, ячейки с классом .tab не существуетжеее

Чет вообще мозг не работает под вечер..........

Вместо

 <tr class="tab">
		  <th>Тест</th>

так

 <tr>
		  <th class="tab">Тест</th>

должно быть чтоли??

Edited June 4, 2009 by slavok47

[psywalker]

а ты вообще пробовал какие то варианты или их тысяча?

Тут не "не под вечер у тебя мозг не работает", а просто кто-то мало читал и вникал

[slavok47]

а ты вообще пробовал какие то варианты или их тысяча?

Тут не "не под вечер у тебя мозг не работает", а просто кто-то мало читал и вникал

psywalker, Спасибо за советы и что направил по правильному пути, по CSS действительно мало читал, в общем разобрался:

если указано

<tr>
		  <th class="tab">Тест</th>

То в CSS

table.tablesorter thead tr th.tab {}

я хотел так:

<tr class="tab">
		  <th>Тест</th>

а надо было всего-то изменить CSS так

table.tablesorter thead tr.tab th {}

все-таки утром мозг лучше работает

Правильно ли я понял теоретически эту строку?

table.tablesorter thead tr th.tab{}

(table.tablesorter -Применить ко всей таблице с классом tablesorter, где имеется thead и tr и уже конкретно для ячейки th с классом tab)

[psywalker]

table.tablesorter thead tr th.tab{}

точнее так: это правило будет применяться к ячейке th с классом .tab, которая в свою очередь находиться в tr, родителем которой является thead, а также table именно с классом .tablesorter

Edited June 5, 2009 by psywalker