Проблема с цветовым фоном CSS

-1

<html> 
    <head> 
     <style type="text/css"> 
      #header-1   {background: red}; 
      h2#header-1   {background: maroon}; 
      body h2#header-1 {background: fuchsia}; 
      .headers   {background: green}; 
      h2.headers   {background: olive}; 
      body h2.headers  {background: lime}; 
      h2     {background: blue}; 
      body h2    {background: aqua}; 
      #header-1   {background: blue}; 
     </style> 
    </head> 

    <body> 
     <h2 style="background: orange">Inline rule style</h2> <!-- orange --> <!-- orange --> 
     <h2 id="header-1">Identity Style</h2> <!-- maroon --> <!-- fuchsia --> 
     <h2 class="headers">Class Style</h2> <!-- green --> <!-- green --> 
     <h2>Element Style</h2> <!-- blue --> <!-- blue --> 
    </body> 
</html>

Привет, я и его друг завершали предыдущие экзаменационные вопросы по экзаменам и натолкнулись на это, относясь к элементам стилей HTML. Мы понимаем, что первый элемент выглядит оранжевым, потому что inline имеет приоритет над CSS.Проблема с цветовым фоном CSS

Однако оттуда мы смущены, второй h2, похоже, выводит красный, третий и четвертый ничего не делают.

Любая помощь или понимание этого было бы полезно.

Вот jsfiddle: http://jsfiddle.net/mLVF3/

источник

2013-12-22 user1839601

Вы имеете в виду background-color? – Justin

@ Rao определенно имеет правильную идею. – BuddhistBeast

Неправильно размещены полуколоны: 'background: red;}' NOT 'background: red};' –

Вы поставили ; в неправильном месте : за } вместо внутреннего. Используйте этот CSS:

#header-1   {background: red;} 
h2#header-1   {background: maroon;} 
body h2#header-1 {background: fuchsia;} 
.headers   {background: green;} 
h2.headers   {background: olive;} 
body h2.headers  {background: lime;} 
h2     {background: blue;} 
body h2    {background: aqua;} 
#header-1   {background: blue;}

Смотрите эту jsfiddle: http://jsfiddle.net/mLVF3/1/

источник

2013-12-22 20:54:28 koenpeters

Вы должны делать это, то есть, css не должен заканчиваться ; после того, как правило, закрывается в }

Полупроницаемая двоеточие в CSS действует как разделитель между несколькими. правила, а не как ограничитель строки. [Как у вас есть только одно правило CSS под каждый селектор, вы даже можете пропустить ;, но это необходимо, если вы пишете несколько правил стиля под селектором.]

 <style type="text/css"> 
      #header-1   {background: red;} 
      h2#header-1   {background: maroon;} 
      body h2#header-1 {background: fuchsia;} 
      .headers   {background: green;} 
      h2.headers   {background: olive;} 
      body h2.headers  {background: lime;} 
      h2     {background: blue;} 
      body h2    {background: aqua;} 
      #header-1   {background: blue;} 
     </style>

источник

2013-12-22 20:52:18 Rao

Используйте правильный синтаксис, он не должен быть закрыт с; after} Используйте этот стиль вместо:

#header-1 {background: red;} 
h2#header-1 {background: maroon;} 
body h2#header-1 {background: fuchsia;} 
.headers {background: green;} 
h2.headers {background: olive;} 
body h2.headers {background: lime;} 
h2 {background: blue;} 
body h2 {background: aqua;} 
#header-1 {background: blue;}

источник

2013-12-22 21:01:01

Проблема с цветовым фоном CSS

ответ

Смежные вопросы