2014-05-22 41 views
0

在這些日子裏,我遇到了媒體查詢問題: 起初,我創建了兩個單獨的CSS,一個用於樣式,一個用於媒體查詢,但它不能正常工作,它不會正常工作在任何瀏覽器上都不做任何事情; 所以我把我所有的CSS放在一個單獨的文件中,並且它現在可以工作。刪除媒體查詢中的層次結構

1 - 所以我的第一個問題是,什麼是最好的「地方」來刪除我的媒體查詢?

我遇到的第二個問題是我需要更改填充屬性,這些屬性在我的CSS頂部聲明爲關閉。當我想知道使用MediaQuery更改這些屬性時,它什麼都不做。 因此,我將它們從我的css頂部移到媒體查詢附近,現在它正在工作。

2 - 我的第二個問題是,當你必須使用媒體查詢時,是否存在一個declearing css類和ID的層次結構?

3 - 這個問題可能在<head>部分?

(如果你有一些資源,我能讀,它可以幫助大家誰想要澄清這個問題。在此先感謝!)

回答

1

沒有看到你的代碼,這聽起來像你可能有一些問題的特異性和排序。

請注意以下事項:

  • 瀏覽器將總是喜歡比一般的規則更具體的規則(一p.link{}規則比p{}規則更具體,因此將覆蓋任何共享屬性)

  • 瀏覽器通常呈現CSS'向下翻頁',這意味着最後定義的屬性將覆蓋任何以前編寫的屬性。換句話說,如果您包含兩個樣式表,請確保您的媒體查詢樣式表中包含第二個,如果您希望其規則優先。

要回答的問題:

1) '最好的地方' 是一個真正的風格的東西。有些人贊成單獨的樣式表來保持事物的整潔,另一些人則喜歡在規則中自己來保持簡潔。只要它們出現在你的正常規則之後,你就應該清楚了。

2)媒體查詢中的代碼應該與不在媒體查詢中的代碼完全相同。層次結構沒有區別。

3)很難說沒有看到你的代碼。

大CSS資源:

0
  1. 這是主觀
  2. the cascade的規則是不變媒體查詢
  3. 由於CSS(除了樣式屬性)必須位於head元素內,可能這就是您的CSS所在的位置,因此推測可能是您的問題所在。