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

Question

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

Answer 1

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

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

Answer 2

Если вы буквально пытались применить 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() selector (я думал, это просто реализация JQuery, ничего себе ...), казалось бы, что он реализован только в «современных» браузеров, так широко не полезно в данный момент. И это не повлияло бы на вашу ситуацию.