應用CSS類文本

在我的主頁http://www.rosstheexplorer.com/文本「新南威爾士」，「維多利亞」，「北領地」，「南澳」，「昆」，'旅行澳大利亞如何指南，「其他澳大利亞博客應該都是大膽的，並在中心。這是很久以來的事情，今天我注意到情況不再是這樣。我認爲我做了頁面上的錯誤，但後來意識到這個問題已經開始在整個網站上出現。應用CSS類文本

下面的代碼使用工作。

<div class="BlackIcon">New South Wales</div> 
<div class="BlackIcon">Victoria</div>

注意：您可能需要單擊藍色文本以查看屏幕截圖。

The text 'New South Wales' is still associated with the CSS class 'BlackIcon' but now it is not inheriting the properties from the CSS class.

/*To be used on its own, it has 100% width so you no longer need a guide css as well*/ 
@media screen and (max-width: 9999999px) { 
    .BlackIcon { 
     color: Black; 
     background-color: White; 
     border-radius: 20px; 
     margin-top: 15px; 
     margin-bottom: 5px; 
     padding: 10px; 
     font-size: 2em; 
     text-align: center; 
     display: inline-block; 
     border: 0 solid black; 
     width: 100%; 
     font-weight: 500; 
    } 
}

誰能解釋是什麼原因造成這個問題？

來源

2016-12-07 Ross Symonds

的問題是，您的自定義樣式表有語法錯誤。

嘗試粘貼整個風格到所選擇的語法檢查器（http://csslint.net例如）

當心紅色三角形;這些是解析錯誤，並且通常會導致瀏覽器忽略其餘的樣式。

有樣式表中的兩隻流浪}字符。如果你只是刪除這兩行，你應該沒問題。他們可以發現幾行.BlackIcon規則之上，這可以解釋爲什麼該規則是行不通的。

來源

2016-12-07 10:58:02

，如果你想這樣

不能使用

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

，或者你必須使用一個最小寬度

@media only screen and (min-width: 992px) and (max-width:99999999px) { 
 
    .BlackIcon { 
 
\t color: Black; 
 
\t background-color: White; 
 
\t border-radius: 20px; 
 
\t margin-top: 15px; 
 
\t margin-bottom: 5px; 
 
\t padding: 10px; 
 
\t font-size: 2em; 
 
\t text-align: center; 
 
\t display: inline-block; 
 
\t border: 0 solid black; 
 
\t width: 100%; 
 
\t font-weight: 500; 
 
} 
 
}

來源

2016-12-07 11:02:56

應用CSS類文本

回答

相關問題