“被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A”这句话的意思是，在定义超链接样式的时候，推荐按照link/visited/hover/active的顺序来定义超链接伪类，例如按照下面的写法：
a:link {color:red}
a:visited {colre:blue}
a:hover {color:black}
a:active {color:gray}
按照这样的顺序来定义超链接，这四个样式就不会相互干扰，如果顺序错了，在某些浏览器里面有可能会出现某个样式不起作用的bug。
不明白你说的什么意思，你说的是英文不自动换行吗？想让单词不换行用word-break: keep-allwhite-space: nowrap就可以，如果想要让a换行，你把a属性设置成block或inline不知道是不是你想要的效果a.css
#container{font-size:0
display:inline-block
background-color:#cccccc
}
span{
display:inline-block
width:50px
height:50px
margin:10px
}
.mbox{
background-color:#00ff00
}
span:first-child{
display:block
margin:10px auto 0
background-color:#ff0000
}
span:last-child{
background-color:#0000ff
margin-left:0
}
b.css
#container{font-size:0
display:inline-block
background-color:#cccccc
}
span{
display:inline-block
width:50px
height:50px
margin:10px 10px 10px 0
}
.mbox{
background-color:#ff0000
}
span:first-child{
margin-left:10px
background-color:#00ff00
}
span:last-child{
background-color:#0000ff
}
c.css
#container{font-size:0
display:inline-block
background-color:#cccccc
}
span{
display:block
width:50px
height:50px
margin:10px
}
.mbox{
background-color:#ff0000
}
span:first-child{
margin-left:10px
background-color:#00ff00
}
span:last-child{
background-color:#0000ff
}
d.css
#container{font-size:0
display:inline-block
padding:20px 10px 10px
background-color:#cccccc
}
span{
display:block
width:50px
height:50px
}
.mbox{
background-color:#00ff00
margin-left:0
margin-top:-60px
}
span:first-child{
margin-left:10px
background-color:#ff0000
}
span:last-child{
margin-left:20px
margin-top:-30px
background-color:#0000ff
}
这位网友你好，代码如上，建议用chrome浏览器查看。
