Question

这是一个非常简单的问题，我知道怎么做，但我想用更好的方法做。我试图在网上找到解决方案，但找不到它。

这是我的css

a:link
{
  text-decoration:none;
  color:#fff;
  font-size:15px;
  font-family:'Ropa Sans', sans-serif;
  text-shadow:1px 1px 1px #000;
}

a:visited
{
  text-decoration:none;
  color:#2a9dc0;
  font-weight:normal;
  text-shadow:1px 1px 1px #000;
}

a:active
{
  text-decoration:none;
  color:#2a9dc0;
  text-shadow:1px 1px 1px #000;
}

a:hover
{
  text-decoration:none;
  color:#2a9dc0;
  text-shadow:1px 1px 1px #000;
}

现在我已经放了一个锚标签，但我不希望所有这些属性都适用于它，所以我所做的是应用一个类名no_a并使所有的css属性没有这就是我这样做的方式是还有其他办法吗？

<a class="no_a" href="#">
    <article class="home_sml_box_red">
        <section class="home_small_boxtext">
            explore
        </section>

        <section class="home_small_boximage">
            <img src="image/explore_icon.png">
        </section>

        <section class="home_small_lowtext">
            Learn More
        </section>
    </article>
</a>

Answer 1

最好的方法是

关于定义css将一些类放在前面（或id如果只有一次使用div）。例如：

.container a {
              text-decoration: none;
               color:#fff;
               font-size:15px;
                font-family: 'Ropa Sans', sans-serif; sans-serif;sans-serif;
               text-shadow: 1px 1px 1px #000;
                     }

现在您可以在<div class ="container"><a href="#">sdfadsf</a>

中使用此功能

Answer 2

使用:not() selector。

a:not(.no_a) {
     /* style rules for all anchors without class of no_a */
}

Answer 3

您最好的选择是，如果您不希望这些属性应用于所有<a>代码，则不应将CSS应用于所有<a>代码。而是创建一个这些属性适用的类，然后将该类分配给您希望拥有这些属性的<a>标记。

如果在基于css标记的情况下应用，如何删除CSS属性

3 个答案: