樣式不存在時使用內聯CSS

我有一個奇怪的情況，我試圖改進。我的HTML內容在我的網頁上顯示得很好，但在其他網頁上卻沒有。我在我的頁面中定義了一種樣式，該樣式適用於<img>標籤以限制其寬度，並且效果很好。樣式不存在時使用內聯CSS

我想要的是在我的<img>標籤上有嵌入式CSS，基本上寫着：「嘿，如果我指定的樣式不存在，則改爲此。有沒有辦法做到這一點？

（對於那些誰是好奇，這是可以在其他地方重新發布內容，以及我對其他網頁上的CSS沒有控制）

更新

完美的!important規則正是我所需要的。感謝所有回答的人。

來源

2012-02-09 Dov

有些代碼好嗎？ – 2012-02-09 21:25:36

CSS：

img { 
    border: solid 2px red !important; 
}

HTML：

<img style="border: solid 2px blue;">

的IMG邊框顏色爲紅色，除非樣式表是不存在的時候，就會默認爲藍色。

見例如：http://jsfiddle.net/GyR6N/

來源

2012-02-09 21:24:12 circusdei

在這種情況下，設置默認樣式（在樣式表）到重要的是，像這樣：

img { 
    border: 3px solid black !important; 
}

並應用定製的內嵌樣式：

<img src="foobar" style="border: 1px solid blue;">

您的樣式表會覆蓋它，但由於它不會存在於不同的網站上，所以它會使用內聯樣式（除非當然，該網站也恰好hav e一個重要的規則凌駕你的！）

來源

2012-02-09 21:27:40

你可以做的是定義你想在CSS中檢查一個！重要標籤的樣式，然後在你的圖像標籤中添加內聯樣式。如果樣式可用，則！重要標籤將覆蓋圖像內聯樣式。

img.red 
{ 
    background:red !important; 
} 

<img class="" style="background:blue;" src="" alt="" /> 
<img class="red" style="background:blue;" src="" alt="" />

除非圖像具有「紅色」類，否則您的頁面將爲圖像使用藍色背景。

來源

2012-02-09 21:31:47

樣式不存在時使用內聯CSS

回答

相關問題