2013-05-31 110 views
0

我需要用自己的CSS覆蓋應用程序的主CSS。有沒有一個好的方法來做到這一點?一種方法是!重要的標籤,我想避免。我可以定義我的自定義CSS媒體嗎?

我只是在想我是否可以創建自定義CSS媒體和定義我的CSS爲特定媒體。這樣我可以爲除了我的自定義媒體以外的所有主要應用程序CSS定義。

+0

你是什麼意思的「自定義CSS媒體」? – BoltClock

回答

2

CSS西港島線覆蓋本身,如果你使用相同的選擇,這樣你就不需要!重要的。

所以:

.my-div .my-span { 
    color: red; 
} 

而不是由:

.my-div .my-span { 
    color: green; 
} 

將被覆蓋

.my-span { 
    color: red; 
} 

是啊,你可以使用媒體查詢針對某些屏幕尺寸。例如像:

@media screen and (device-width: 360px) and (device-height: 640px) 
1

層疊樣式表的一個主要的「功能」是其級聯效應。

的這一修改報價從一些互聯網上的地方:

級聯是特殊的一部分。樣式表旨在通過一系列樣式規則級聯 ,如瀑布上方的河流。河流中的水會衝擊瀑布中的所有岩石,但只有底部的水纔會影響水的流動位置。樣式表中的級聯同樣是 。

所以只要你指定的相同的規則,但改變一些屬性值的規則內,你確保它們原來的規則加載後,它們將覆蓋這些規則內先前指定的屬性值。如果您跳過新規則中的屬性值,則先前指定的屬性值將對該屬性保持有效。

Media queries是最好的答案,定義特定類型的媒體風格。它允許您爲特定的屏幕尺寸專門指定規則。

如果您的特定目標的媒體不能正常通過查詢屏幕大小確定,但需要JavaScript才能被識別。您可以編寫一些在加載文檔時加載樣式表的JavaScript,在這種情況下,您只需確保將其加載到原始樣式表之後,然後它將覆蓋具有相同特性的樣式。

+0

包含引用句子的Google SERP不是鏈接到參考的最佳位置,尤其是當[您以前的答案之一鏈接到完全相同的SERP已經開始顯示那裏]時(http://stackoverflow.com/問題/ 16642063 /媒體查詢 - 不工作 - 在 - 鉻 - 作品 - 中 - 火狐/ 16727597#16727597)。 – BoltClock

+0

@BoltClock - 我會改變它:)這只是我無法弄清楚誰是最初編寫它的人。 –

相關問題