2014-02-10 78 views
0

不工作我加入以下media query直接將樣式表到我的網頁:CSS3媒體查詢在記事本++

@media screen and (max-width: 480px) { 

background-color:red; 

} 

所以我提出的背景顏色變爲紅色,如果媒體類型是屏幕,其最大寬度是480px。但Notepad ++不會將媒體查詢作爲CSS功能拾取,它不會按照其應有的顏色顯示。

Screenshot of CSS media query

有什麼建議嗎?

+0

也許記事本++不知道新的CSS功能? – Pietu1998

+1

你在改變背景顏色? – Huangism

回答

1

媒體屏幕內不具有class和id。

您應該添加class或id。

Ecxample:

@media screen and (max-width: 480px) { 
    your class or id name{ 
     background-color:red; 
    } 
} 

..................................... ......... .....................

類:

@media screen and (max-width: 480px) { 
     .content{ 
      background-color:red; 
     } 
    } 

...... ...

id:

@media screen and (max-width: 480px) { 
      #content{ 
       background-color:red; 
      } 
    } 
+0

你是對的,他沒有在「{}」中添加ID選擇器 –