Css 我不知道'；我不明白为什么ID不比类更具体

我有：

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

---

问题是我无法获得更具体的ID来覆盖该类。我尝试过很多不同的方法，但都没有成功。如果这很重要的话，我正在使用Chrome。谢谢。

你应该知道你有一个

：

而不是

在
#cardimg4右填充后
。这可能会影响它
 你应该知道你有一个
：
而不是
在
#cardimg4右填充后
。这可能会影响它
 您有一个冒号
：
而不是分号
以您的右填充样式用于
#cardImg4
。该规则可能根本没有被应用。
您有一个冒号
：
而不是分号
以您的右填充样式用于
#cardImg4
。该规则可能根本没有被应用。
可能的重复：它不是一个重复，该规则由于冒号而被忽略，请参阅下面的答案。可能的重复：它不是一个重复，该规则由于冒号而被忽略，请参阅下面的答案。嗯。。。。那太尴尬了。我应该删除这个帖子吗？至少我对特殊性的理解恢复了信心。嗯。。。。那太尴尬了。我应该删除这个帖子吗？至少我对具体性的理解恢复了信心。
.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: 
    }