HTML中碰到多个列表，或多个a超链接，想显示不同的效果，为什么不能分开命令？

Question

我设置了顶部a超链接绝对定位，然后底部也有a超连接，也随着之前上面的a的css命令定位上去了，尝试了给a加包裹层，带上各自DIV父包裹层的名称，可是就失效了，我的UL列表也是一样，目前碰到最头疼的问题，求大家帮忙解答<div class=""box4"><a href="#">基础</a><a href="#">English</a><a href="#">手机版</a><a href="#">企业邮箱</a></div></div><div id="box2"><a href="#">关于腾讯</a><a href="#">服务条款</a><a href="#">客服中心</a><a href="#">联系我们</a><a href="#">帮助中心</a></p></div>css:a{ float:right; margin:10px; font-size: 14px; color:#CCC;}如何分开设置这两个a标签？？？？？

Answer 1

给a标签加上他的父类，如

.box4 a{}
#box2 a{}

然后你的代码有点小错误，

<div class=""box4">这里多了一个双引号

<a href="#">帮助中心</a></p>这里多了一个</p>标签

Answer 2

选择器好好看看，以后最好不要直接用 标签来定义，一个页面中有很多这样的标签怎么办

用层次选择器   。

 .box4 a{}
 #box2 a{}

在下给予几点建议：

1. 把选择器好好看看了解透彻，什么时候用class,什么时候用id,

2. 书写格式记：缩进，这样代码会比较清晰，

3. 一定要细心，有时候多个标点符号或少个标点符号，可能页面就会出错，找起来比较浪费时间，你的box4前面多了个双引号；

多看看基础，不用图快，一点点来，一定要弄明白，这些东西是干嘛的，以后不用再回头再看浪费时间，加油哦~

Answer 3

三个回答达人在这里，我都不好意思回答了，他们都回答的很好，希望采纳一下他们的回答，也是对人家的一种感谢

Answer 4

.box4 a{}
#box2 a{}