Когда CSS разрешается/оценивается?

Question

У меня есть список divs, каждый из которых имеет атрибут 'createdDate', я оцениваю каждый созданный div div, . Я добавляю еще один атрибут 'isNew', если ему меньше 7 дней, установите true, иначе false.

CSS-код имеет:

div[isNew=true] div.title{ background:red } 

намереваясь установить красный фон, когда менее чем за 7 дней.

с использованием firebug и т. Д. Инструменты Dev - показывает фон как заданный красный, по правилу сопоставления.

Браузер не отображает заголовок div красным цветом.

есть способ подтолкнуть оценку css, чтобы перерисовать? или лучший способ?

Answer 1

Поскольку этот фрагмент http://jsfiddle.net/fcalderan/Gh7Ud/ работает как ожидалось, я хотел бы предложить, чтобы проверить разметку и остальные правила CSS , возможно, вы переопределяете после этого стиля где-то

Примечание: для вашего кода требуется атрибут 'isNew': если вы контролируете код html, лучше, если вы сделаете это futur e-proof, изменяя его как 'data-isNew'

Как предложил Златев, создавая класс ad hoc, это еще одно решение, и это обеспечит скрещивание, потому что самый старый браузер не распознает селектор атрибутов CSS. BTW Я предлагаю не использовать класс .red, потому что он будет слишком привязан к стилю элемента (что, если вы измените цвет?), Поэтому лучше предпочитаете семантический класс, например .newtitle

Answer 2

Просто создайте новое правило:

.red { background: red; } // to be safe and sure, you can make it important 

применить его с помощью JQuery, когда это необходимо .addClass() или сформировать бэкенд