媒體查詢他們包含的誤讀類

試圖讓我的webstore響應。我製作了一套media queries，一套用於max-width:1200px，另一套用於max-width:768px。媒體查詢他們包含的誤讀類

在這些media queries我有2個班。 media queries對.H5_green_left工作正常，但影響.web_description類，因此該類的主CSS聲明（media query之外）被768px media query聲明替換。

要清楚地看到media queries是否正常工作，我已經誇大了.web_description類的font-sizes。你可以看到這在行動here。

哪裏有產品描述進入左上角H5_green_left後跟無序列表.web_description。

您可以看到第一個類的視口縮小變化，但第二個類對於所有視口width仍然是相同的，並且它不是在原始類描述中聲明的類。下面

代碼：

.H5_green_left { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 15px; 
    font-style: normal; 
    font-weight: 400; 
    font-variant: normal; 
    color: #009900; 
    padding-left: 4px; 

.web_description { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 30px; 
    font-style: normal; 
    font-weight: 300; 
    color: #009900; 
    text-align: left; 
} 
@media screen and (max-width: 1200px){ 
    .H5_green_left { 
     font-size: 13px;} 
    .web_description { 
     font-size: 20px;} 
    .H1_tan_italic_L { 
     font-size: 24px; 
    } 
} 

@media screen and (max-width: 768px){ 
    .H5_green_left { 
     font-size: 11px;}} 
    .web_description { 
     font-size: 12px;} 
    .H1_tan_italic_L { 
     font-size: 15px; 
    } 
}

爲什麼媒體查詢正確地.H5_green_left類執行，並同媒體查詢失敗的.web_description類？

來源

2015-05-29 Jim Lynn

你有「.H5_green_left」規則之後的更小尺寸的額外大括號。而且你在該課程的主要規則之後缺少一個。 – Shaggy

這裏是你的問題：

缺少你的主要CSS一個右括號前.web_description

padding-left: 4px; 

.web_description {

權利和雙撐在你的媒體查詢max-width:768px收盤：

.H5_green_left { 
    font-size: 11px;}}

來源

2015-05-29 16:53:35 dippas

你們可以推薦一位好的驗光師嗎？固定和固定。 –

如果此問題解決了您的問題，請確保您將此答案標記爲已接受;）很高興爲您提供幫助！ – dippas

媒體查詢他們包含的誤讀類

回答

相關問題