覆盖默认img css

Question

如何覆盖特定图像的img css。

让我们说，

我的网站上有css，如

img{
border:2px solid #ECECEC;
padding:4px;
}

我在网站上有一个img说<img id="example" src="../example.png"/>

现在，我不想将img css应用于此特定图像。

我该怎么做？

感谢

Answer 1

使用id作为选择器并更改所需的css属性。

#example{
  border:0;
  padding: 0;
}

Answer 2

img#example {border:none !important; }

没有带示例ID的图片的边框

Answer 3

如果由于某种原因您无法触摸标记，则可以使用属性选择器。

img[src="../example.png"] {
  border:0;
  padding:0;
}

Answer 4

为图像添加单独的类 实施例

 <img class="example" id="example" src="../example.png"/>
.example{
    border:0 !important;
    padding: 0 !important;
 }

Answer 5

试试这个例子： 给它一个内联样式，我的工作非常简单