我不明白为什么 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。谢谢。
I've got:
<div class="cardDisplay">
<img class="cardImg" id="cardImg4" alt="Card" src="picture.jpg" width="148" height="236.8" title="">
</div>
Here's my 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:
}
The problem is I cannot get the, I thought, more specific ID to override the class. I've tried doing it a number of different ways with no luck. I'm using Chrome if that matters. Thanks.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
在
#cardImg4的 padding-right 样式中，您有一个冒号:而不是分号;。该规则可能根本没有被应用。You have a colon
:instead of a semi-colon;in your padding-right style for#cardImg4. The rule probably isn't being applied at all.您应该注意，在
#cardimg4 padding-right之后有一个:而不是;。这可能会影响它。You should be aware that you have a
:not;after the#cardimg4 padding-right. This might affect it.