覆盖默认的图片CSS样式

Question

我可以如何为特定的图片覆盖img标签的CSS样式。

假设，

我的网站上有以下CSS：

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

我在网站上有一张图片，代码如下：<img id="example" src="../example.png"/>

现在，我不想对这张图片应用CSS样式。

我该怎么做呢？

谢谢。

- Yasin

Answer 1

使用id作为选择器，然后更改您想要的CSS属性。

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

- Gabriele Petrioli

Answer 2

img#example {border:none !important; }

图片示例ID无边框

- haha

---

不需要使用 !important，因为 ID 选择器的特异性高于标签选择器。 - Gabriele Petrioli

Answer 3

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

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

- JCam

---

这将是最糟糕的情况使用。但现在我想了想... 最好的方法是@Gaby的方法。因为ID应该在每个页面上是唯一的。 - JCam

Answer 4

将一个单独的类添加到图像 示例

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

- Gopinath Bodagala

Answer 5

尝试这个例子： 给它一个内联样式，我的很简单地运行了。

- Thomas

---

<img src="dot.png" style="width:2%;"> - Thomas