2011-11-20 58 views
0

我有更具體:我不明白爲什麼一個ID是不小於一類

<div class="cardDisplay"> 
<img class="cardImg" id="cardImg4" alt="Card" src="picture.jpg" width="148" height="236.8" title=""> 
     </div> 

這裏是我的CSS。

.cardDisplay 
    { 
    width: 1020px; 
    background-color: #040D14; 
    margin: auto; 
    position: relative; 
    } 

.cardImg 
    { 
    padding:0px; 
    padding-left: 40px; 
    padding-right: 0px; 
    /* background-color: black; */ 
    } 

#cardImg4 
    { 
    border: 20px solid white; 
    padding-right: 30px: 
    } 

問題是我無法得到,我想,更具體的ID來覆蓋類。我嘗試過許多不同的方式,但沒有運氣。如果有問題,我使用Chrome。謝謝。

+0

可能的重複:http://stackoverflow.com/questions/970730/css-id-vs-class – pradeek

+0

這不是一個愚蠢的規則,因爲冒號而被忽略,請參閱下面的答案。 – weltraumpirat

+0

'height =「236.8」'? – Thanatos

回答

4

您的冒號爲:而不是分號爲;的填充爲#cardImg4。該規則可能根本沒有被應用。

+0

那麼....這是尷尬的。我應該刪除這篇文章嗎?至少我的信仰已經回到了我對特異性的理解中。 – Dale

+0

不,你不應該刪除它,它可以幫助其他人有相同的錯誤.. –

1

你應該知道,你有一個:而不是;#cardimg4 padding-right。這可能會影響它。

+0

imgs有填充... –

相關問題