我不明白为什么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。这可能会影响它。