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> 展开
4个回答
展开全部
我用了你的代码，自己浏览的时候的确是没有效果。
不过我在你代码里面发现很多歌问题，如下：
第一：<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;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
