Question

我在图像上有填充，填充影响图像链接，因为有一条黑线式

    a:link{background-color:black}
    img{padding:20px}

Html

      <a href="Sample"><img src="blank"></a>

因此，简单来说，图像中有一条黑线，我想摆脱它。我无法摆脱样式链接，因为我将其用于其他链接

Answer 1

而不是black，请使用transparent或none

段

.tran {
  background-color: transparent;
}
.none {
  background-color: none;
}
img {
  padding: 20px
}

<a href="#/" class='tran'>
  <img src="http://i.imgur.com/o1RbMvI.png">
</a>
<a href="#/" class='none'>
  <img src="http://i.imgur.com/o1RbMvI.png">
</a>

Answer 2

如果您想要一个链接的特定样式，但您不希望它影响其他链接或受其他链接的影响，我会为您想要拥有background-color: black;的链接设置一个特定的类然后是一个单独的类，用于您不希望受其影响的链接。 zer00ne为此提供了充分的答案。只需将class="tran"或其他任何想要命名的链接添加到您希望与.tran{}中使用的任何样式连接在一起的链接中，如答案中所示。将事物分组到类中并使用类来设置CSS中更具体元素的样式。祝你好运！

在css文件中：

        .black{background-color:black;}

         img{padding:20px;}

HTML：

    <p>
        <a href="Sample" class="not-black"><img src="blank"></a>
        <a href="Sample" class="black"><img src="blank"></a>
    </p>

填充影响链接的背景颜色

2 个答案:

段