我可以如何为特定的图片覆盖img标签的CSS样式。
假设,
我的网站上有以下CSS:
img{
border:2px solid #ECECEC;
padding:4px;
}
我在网站上有一张图片,代码如下:<img id="example" src="../example.png"/>
现在,我不想对这张图片应用CSS样式。
我该怎么做呢?
谢谢。
我可以如何为特定的图片覆盖img标签的CSS样式。
假设,
我的网站上有以下CSS:
img{
border:2px solid #ECECEC;
padding:4px;
}
我在网站上有一张图片,代码如下:<img id="example" src="../example.png"/>
现在,我不想对这张图片应用CSS样式。
我该怎么做呢?
谢谢。
使用id
作为选择器,然后更改您想要的CSS属性。
#example{
border:0;
padding: 0;
}
img#example {border:none !important; }
图片示例ID无边框
如果由于某些原因您无法接触标记,则可以使用属性选择器。
img[src="../example.png"] {
border:0;
padding:0;
}
<img class="example" id="example" src="../example.png"/>
.example{
border:0 !important;
padding: 0 !important;
}
!important
,因为 ID 选择器的特异性高于标签选择器。 - Gabriele Petrioli