CSS help!

Запоминаем, что впринципе очевидно:

селектор по ID - наибольший вес

по классу - на порядок меньше

по элементу - еще на порядок меньше

Логично, вроде бы. Мне тоже так казалось.

Но тогда почему почему второй селектор по ID не имеет больший вес чем первый?

Как не странно, но замечал что еще влияет и их расположение в самом css - поменяйте местами

Еще как вариант - применить ко второму !important

хотя еще зависит и от структуры самого HTML

Sorento, проблема в первом куске кода?

Сорри не силен в терминологии, но глюк достаточно частый, когда из-за запятой наследуются именно те стили, элементы которых даны через запятую.

Перепишите построчно... или clear:both; можно попробовать.

Во втором случае будет работать #pricelist-table table{}

Потому что первый - без черточки, он задает правила для всех таблиц под этим ID. Если вам нужно сменить какое-то из правил - пишите important

Sorento:
Логично, вроде бы. Мне тоже так казалось.

Но тогда почему почему второй селектор по ID не имеет больший вес чем первый?

Чем более специфичен селектор, тем больший вес он получает при конфликтах. Я не знаю, какой там код у вас. Пример, лишь для демонстрации:

CSS

.green div {color:green;}

.red {color:red;}

<div class="green red">

    <div>

        text

    </div>

</div>

Текст будет зеленый.

дани мапов, это логично, потому что

green div {color:green;}

Красным он никак не может быть из-за структуры)))

Sorento:

Решение было найдено без important такое:

table#pricelist-table{

}

не знаю, насколько оно соответствует стандарту, но пока работает

Что лучше, оставить так или изменить на important?

Sorento, Да без разницы по сути))

Не уловили суть примера. А если так?)))

.green {color:green;}

.red {color:red;}