这是一个非常简单的问题,我知道该怎么做,但我想用更好的方法来做。我试图在网上找到解决方案,但找不到。
这是我的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>
中使用它