Intereting Posts
CKEditor ReadOnly Получить элемент, который был свернут на скрытый / показанный.bs.collapse Как использовать CSS для округления круга? Всегда ли плохая практика начинать идентификатор с номера? (CSS) текст из одного текстового поля должен быть скопирован в другое текстовое поле, а исходная текстовая область должна быть очищена нажатием кнопки с помощью javascript Каков наилучший способ оптимизировать миниатюры в реальном времени? Один и тот же баннер на каждой странице, другой class CSS для каждого Как предотвратить просмотр изображений в браузере без использования jquery выпадающее меню с верхним треугольником Установите границу в таблицу tr, работает во всех, кроме IE 6 и 7 Скребок с использованием пакета гибкости Html Если является устаревшим, что предпочтительнее? Ошибка HTML javascript. вывод ошибки django: выберите варианты выбора? Как заставить встроенные divs оставаться на одной линии?

Странный CSS-головоломка

Поэтому по какой-то причине следующий HTML-код отвечает только на идентификатор notice а не на flash или classы в моем CSS. Почему это? Кроме того, у меня есть стиль, который должен существовать в зависимости от того, показываю ли я флэш-сообщение или нет. Однако, используя идентификатор notice для стилизации, CSS всегда появляется. Однако мне нужен идентификатор notice для моего ajax-рендеринга флэш-сообщения. Как я могу решить эту проблему?

 
<div class="flash ">

Вот CSS:

 .error, .alert, .notice, .success, #notice, .info { padding:0.8em; margin-bottom:1em; border:2px solid #ddd; } #notice { background:#e6efc2; color:#264409; border-color:#c6d880; } 

И вот соответствующий выход html. Обратите внимание, что это только div.

 

Трудно сказать, не видя полного html и css, но если вы #notice {} стиль для своего идентификатора уведомления, например #notice {} , вы не можете его переопределить с помощью css, который вы разместили: .error, .alert, .notice, .success, .info {} поскольку идентификатор имеет более высокое значение в каскаде, чем class (100 против 10, если я не ошибаюсь).

Для переопределения настроек из #notice вам понадобятся:

 #notice .alert { } // etc. 

хорошо в вашем CSS class определен неправильно:

 .notice{} 

он должен быть объявлен с помощью селектора id (#), поскольку вы используете идентификатор (по сравнению с селектором classов).

 #notice{} 

Кроме того, не существует classа flash, определенного So в вашем CSS, просто добавьте что-то вроде этого:

 .flash{color:#F00} 

более или менее см. в действии здесь (просто вставляли ur html и добавляли class flash): http://jsfiddle.net/gmedina/uMCDM/1/

вам нужно проанализировать значение ключа в виде строки. пытаться