Таблица и тело с двумя отдельными цветами фона

Question

Привет всем, простой вопрос, я уверен, но я бы хотел, чтобы тело страницы было одного цвета, а таблица в центре - другим цветом. Я пытался указать цвет тела и цвет таблицы, но тело всегда переопределяет его. Я пытаюсь сделать это в css, и у меня есть чувство, что мне нужно использовать исключение «не», чтобы это произошло? Например, указание не тела: таблицы или чего-то подобного. Абсолютный новичок здесь, так что будьте осторожны со мной. Спасибо!

Answer 1

Если вы буквально пытались применить body color и table color, это было бы недействительно. Оба для (x) html и css.

color обращается к цвету переднего плана (текста) элемента, тогда как background-color обращается к его цвету фона. Итак:

body {background-color: #ffa; }
/* sets the background of the `body` element to #ffa (yellow) */

table {background-color: #f90; }
/* sets the background of the `table` element to #f90 (orange) */

Я бы не советовал вам когда-либо использовать эти цвета вместе, но они хорошо видны и не оставляют никаких ошибок относительно того, применяются они или нет.

Большинство свойств в css каскадно, некоторые нет. Но table {/* css */} достаточно, чтобы новые значения переопределяли те, которые установлены для элемента parent / ancestor. Предоставление новых значений явно указано.

Очевидно, что является CSS3 not() селектором (я думал, что это просто реализация jQuery, вау ...), может показаться, что она реализована только «современные» браузеры, поэтому в настоящее время не очень полезны. И это не решило бы вашу ситуацию.

Answer 2

Убедитесь, что ваши стили действительно применяются к вашему тегу table. Если ваш table не меняет цвета, значит, ваш CSS-селектор, скорее всего, неправильный.

Вот простой пример применения стилей к тегу body. Класс bg добавляется к тегу table в разметке, поэтому он будет подбирать другие цвета. Смотрите здесь: http://jsfiddle.net/uEgrg/