-1

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

这是我的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>
4

3 回答 3

2

最好的方法是

在定义 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>

于 2013-08-01T09:05:25.810 回答
1

使用:not()选择器。

a:not(.no_a) {
     /* style rules for all anchors without class of no_a */
}
于 2013-08-01T09:16:09.547 回答
0

如果您不希望这些属性应用于所有<a>标签，最好的选择是不要将 CSS 应用到所有<a>标签。相反，创建一个应用这些属性的类，然后将该类分配给<a>您希望具有这些属性的标签。

于 2013-08-01T09:05:06.300 回答