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{}在下给予几点建议：把选择器好好看看了解透彻，什么时候用class,什么时候用id,书写格式记：缩进，这样代码会比较清晰，一定要细心，有时候多个标点符号或少个标点符号，可能页面就会出错，找起来比较浪费时间，你的box4前面多了个双引号；多看看基础，不用图快，一点点来，一定要弄明白，这些东西是干嘛的，以后不用再回头再看浪费时间，加油哦~

Answer 3

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

Answer 4

.box4 a{} #box2 a{}