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樣式元素的問題。我們知道第一個元素被設置爲橙色，因爲內聯優先於CSS。CSS背景顏色問題

但是從那裏我們感到困惑，第二個h2似乎輸出紅色，第三和第四個不做任何事情。

任何幫助或對此的見解都會有所幫助。

這裏有一個的jsfiddle：http://jsfiddle.net/mLVF3/

來源

2013-12-22 user1839601

你的意思是背景顏色？ – 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背景顏色問題

回答

相關問題