Вложенная проблема CSS - PullRequest
Новая
       2

Вложенная проблема CSS

1 голос
/ 29 июля 2010

У меня есть следующий код: 

<table class="top">
<tr>

    <td>
    <table class="errMsg"><tr><td>Required field must not be blank </td></tr></table>
<td/>
<tr/>
</table>

Я пытаюсь ввести стиль сообщения об ошибке, но стиль "top" продолжает применяться: 

.top td {
color:black;

}

.errmsg td {
color:red;
}

Сообщение об ошибке выходитчерный ... как я могу это исправить?Не уверен, что это имеет значение, но когда я вынимаю dtd, он работает нормально, но портит положение. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Ответы [ 2 ]

4 голосов
/ 29 июля 2010

Имена классов чувствительны к регистру, поэтому errmsg отличается от errMsg.Измените <table class="errMsg"> на <table class="errmsg">.

1 голос
/ 29 июля 2010

Я бы использовал строгий или переходный тип документа.Тип документа xhtml не очень хорошо поддерживается, и я понимаю, что он в основном исчезает.

для строгого использования: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

для переходного использования: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Я почти всегда использую строгий, поскольку он предлагает лучшую поддержку браузера.Как правило, есть только пара второстепенных стилей, которые мне нужно установить, чтобы исправить некоторые поля для определенных тегов.

Кроме того, стоит отметить, что при полном удалении строки doctype все браузеры возвращаются в режим причуд, который редкохорошая вещь.На W3.org есть список действительных типов документов , которые вы, возможно, захотите исследовать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...