UC知道关于网页学习 CSS中小疑问
来源：百度知道 编辑：UC知道 时间：2024/05/27 08:39:57
一个练习中的一部分需要这样设置
a#first，a#last { margin:0 }
它对应的id在这里
<div id="menu">
<a href="#" id="first">Home</a>
<a href="#">Contact Us</a>
<a href="#">Web Dev</a>
<a href="#">Web Design</a>
<a href="#" id="last">Map</a>
</div>
为什么我把上面的CSS 设置就效果就不对了
#first,#last { margin:0 }
为什么不能改成这样呢 ？
a#first，a#last { margin:0 }
它对应的id在这里
<div id="menu">
<a href="#" id="first">Home</a>
<a href="#">Contact Us</a>
<a href="#">Web Dev</a>
<a href="#">Web Design</a>
<a href="#" id="last">Map</a>
</div>
为什么我把上面的CSS 设置就效果就不对了
#first,#last { margin:0 }
为什么不能改成这样呢 ？
为什么我改和不改效果一样...都没效果
<A>是行内元素，本身的外边距margin就等于0，你设置的margin：0想要有什么效果呢？
看你发的代码里面， a#first，a#last { margin:0 } ，中间的逗号错了，换成英文状态下的“,”
一楼说的“0%”不对，当数值为0的时候，加不加单位都是一样的，和这个无关
至于a#first 和#first 在多数情况下是没区别的，只不过加上个a后，优先级会+1。
你应该用0% 来表示值
#first 是包含在<a>标签里面的，所以要用a #first
a#first，a#last { margin:0 }
这个的意思就是在标签a下面（包含）id为first和last,显示的效果在a的内部
#first,#last { margin:0 }
这个的意思就是在标签id为first和last不受a控制，但也被包含，控制的效果不会明显，就好像没出现一样