css中如何改变a标签中的文字属性
下面的代码中,我想把第一个连接的颜色改成红色。我设置了#links_foot_firsta:link{font-size:16px;color:#FF9933;},想通过...
下面的代码中,我想把第一个连接的颜色改成红色。我设置了#links_foot_first a:link{font-size:16px; color:#FF9933;},想通过这个改变,但是没有作用,想咨询下大家,是哪里出错了,有什么其他办法。
#links_foot{
font-size:12px;
margin:5px 0px 0px 0px;
padding:0px;
position:relative;
}
#links_foot ul{
list-style-type:none;
padding:0px; margin:0px;
width:950px;
}
#links_foot ul li{
text-align:center;
width:auto;
display:block;padding-left:4px;padding-right:4px;
float:left;
border-right:dotted;
color:#D4D0C8;
border-width:1px;
}
#links_foot .First{
padding-left:100px;
}
#links_foot br{
display:none;
}
#links_foot_first a:link{font-size:16px; color:#FF9933;}
<body>
<div id=links_foot>
<ul>
<li><a href="#" id="links_foot_first">新浪简介</a></li>
<li><a href="#">About Sina</a></li>
<li><a href="#">广告服务</a></li>
</body> 展开
#links_foot{
font-size:12px;
margin:5px 0px 0px 0px;
padding:0px;
position:relative;
}
#links_foot ul{
list-style-type:none;
padding:0px; margin:0px;
width:950px;
}
#links_foot ul li{
text-align:center;
width:auto;
display:block;padding-left:4px;padding-right:4px;
float:left;
border-right:dotted;
color:#D4D0C8;
border-width:1px;
}
#links_foot .First{
padding-left:100px;
}
#links_foot br{
display:none;
}
#links_foot_first a:link{font-size:16px; color:#FF9933;}
<body>
<div id=links_foot>
<ul>
<li><a href="#" id="links_foot_first">新浪简介</a></li>
<li><a href="#">About Sina</a></li>
<li><a href="#">广告服务</a></li>
</body> 展开
展开全部
我用了你的代码,自己浏览的时候的确是没有效果。
不过我在你代码里面发现很多歌问题,如下:
第一:<div id=links_foot>这个少了两个双引号
<div id="links_foot">(正确)
第二:你没发现自己的代码已经到了body结尾,也没有看到你的ul结尾吗?严重的错误
第三则是你的所说的问题所在<li><a href="#" id="links_foot_first">新浪简介</a></li>这个ID命名怎么可以再连接里面定义呢,你理解错了
<li id="links_foot_first"><a href="#">新浪简介</a></li>试试这个
CSS命名是不能在连接里面定义的,只能在标签里,希望你把我所说的三处错误纠正,改掉,你的效果就会呈现
修改后代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#links_foot{
font-size:12px;
margin:5px 0px 0px 0px;
padding:0px;
position:relative;
}
#links_foot ul{
list-style-type:none;
padding:0px; margin:0px;
width:950px;
}
#links_foot ul li{
text-align:center;
width:auto;
display:block;padding-left:4px;padding-right:4px;
float:left;
border-right:dotted;
color:#D4D0C8;
border-width:1px;
}
#links_foot .First{
padding-left:100px;
}
#links_foot br{
display:none;
}
#links_foot_first a:link{font-size:16px; color:#FF9933;}
</style>
</head>
<body>
<div id="links_foot">
<ul>
<li id="links_foot_first"><a href="#">新浪简介</a></li>
<li><a href="#">About Sina</a></li>
<li><a href="#">广告服务</a></li>
</ul>
</body>
</html>
不过我在你代码里面发现很多歌问题,如下:
第一:<div id=links_foot>这个少了两个双引号
<div id="links_foot">(正确)
第二:你没发现自己的代码已经到了body结尾,也没有看到你的ul结尾吗?严重的错误
第三则是你的所说的问题所在<li><a href="#" id="links_foot_first">新浪简介</a></li>这个ID命名怎么可以再连接里面定义呢,你理解错了
<li id="links_foot_first"><a href="#">新浪简介</a></li>试试这个
CSS命名是不能在连接里面定义的,只能在标签里,希望你把我所说的三处错误纠正,改掉,你的效果就会呈现
修改后代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#links_foot{
font-size:12px;
margin:5px 0px 0px 0px;
padding:0px;
position:relative;
}
#links_foot ul{
list-style-type:none;
padding:0px; margin:0px;
width:950px;
}
#links_foot ul li{
text-align:center;
width:auto;
display:block;padding-left:4px;padding-right:4px;
float:left;
border-right:dotted;
color:#D4D0C8;
border-width:1px;
}
#links_foot .First{
padding-left:100px;
}
#links_foot br{
display:none;
}
#links_foot_first a:link{font-size:16px; color:#FF9933;}
</style>
</head>
<body>
<div id="links_foot">
<ul>
<li id="links_foot_first"><a href="#">新浪简介</a></li>
<li><a href="#">About Sina</a></li>
<li><a href="#">广告服务</a></li>
</ul>
</body>
</html>
展开全部
包含关系弄错了,id="links_foot_first"这个属性必须在a 标签外面即上一级。
将<li><a href="#" id="links_foot_first">新浪简介</a></li>这句改为:
<li id="links_foot_first"><a href="#"> 新浪简介</a></li>
这样就可以显示你想设定的颜色。
方法二:也可以直接将 #links_foot_first a:link{font-size:16px; color:#FF9933;}
改为: #links_foot_first {font-size:16px; color:#FF9933;}就行了
将<li><a href="#" id="links_foot_first">新浪简介</a></li>这句改为:
<li id="links_foot_first"><a href="#"> 新浪简介</a></li>
这样就可以显示你想设定的颜色。
方法二:也可以直接将 #links_foot_first a:link{font-size:16px; color:#FF9933;}
改为: #links_foot_first {font-size:16px; color:#FF9933;}就行了
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
代码确实有几处错误:
<li id="links_foot_first"><a href="#"><span style="color:#ff0000">新浪简介</span></a></li>
<li id="links_foot_first"><a href="#"><span style="color:#ff0000">新浪简介</span></a></li>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
#links_foot_first {font-size:16px; color:#FF9933;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询