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

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

最佳答案

最好的方法是

在定义css时,将一些类放在前面(如果仅一次使用div,则放置id)。例如:

.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>中使用它

09-25 16:05
查看更多