CSS 如何禁止标签<a>的继承
内容如题，我想表达意思是：我在同一个网页中，像这种“<a>超链接</a>”，有多个，有些要继承前面CSS定义的A1:，有些要继承CSS里的A2：；有些则要去掉<a>标签的...
内容如题，我想表达意思是：我在同一个网页中，像这种“<a>超链接</a>”，有多个，有些要继承前面CSS定义的A1:，有些要继承CSS里的A2：；有些则要去掉<a>标签的任何效果。怎么做？急！在线等答案！
展开
3个回答
展开全部
CSS 如何禁止标签<a>的继承首先需要理解，在一个上级元素中设置好了a标签的一些css样式，如font，color那么自然对于下级元素的a标签的font和height就做好了限制，也可以理解为继承过去了，想要清除掉，可以重新写这条css样式来清除，具体看代码：
<html>
<head>
<style>
a{
color:#f00;
font-size:13px;
}
#div1 a {
color:#0f0;
font-size16px; //取消掉a的继承
}
</style>
</head>
<body>
<div id='div1'>
<a href=''>我的样式</a>
</div>
</body>
</html>
<html>
<head>
<style>
a{
color:#f00;
font-size:13px;
}
#div1 a {
color:#0f0;
font-size16px; //取消掉a的继承
}
</style>
</head>
<body>
<div id='div1'>
<a href=''>我的样式</a>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那是因为使用默认的链接风格，或定义了统一的链接风格，比如：
a {
font-size: 12px;
color: #FF0000;
}
a:hover {
color: #0000FF;
}
你可以定义不同的类风格然后再引用,就可以做到在同一张网页上使用不同的链接风格,如
.a1 {
font-size: 12px;
color: #CC0000;
}
.a1:hover {
color: #000099;
}
.a2 {
font-size: 12px;
color: #999999;
}
.a2:hover {
color: #666666;
}
然后在链接中引用就行了,如:
<a href="#" class="a1">链接一</a>
<a href="#" class="a2">链接二</a>
a {
font-size: 12px;
color: #FF0000;
}
a:hover {
color: #0000FF;
}
你可以定义不同的类风格然后再引用,就可以做到在同一张网页上使用不同的链接风格,如
.a1 {
font-size: 12px;
color: #CC0000;
}
.a1:hover {
color: #000099;
}
.a2 {
font-size: 12px;
color: #999999;
}
.a2:hover {
color: #666666;
}
然后在链接中引用就行了,如:
<a href="#" class="a1">链接一</a>
<a href="#" class="a2">链接二</a>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
