我不明白为什么 ID 不比类更具体

Question

我有：

<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。谢谢。

Answer 1

#cardImg4 的右填充样式中有一个冒号 :，而不是分号 ;。这条规则可能根本没有被应用。

Answer 2

您应该知道，#cardimg4 padding-right 后面是 : 而不是 ;。这可能会影响它。