因为朋友说上一个博客做的太丑，所以今天又花了几小时做了一个。。。结果又发现了一堆知识盲区。
接下来是扫盲时间
1.text-overflow属性
把元素截断成一行，该属性应用于该元素（包含文本的元素），而不是其父元素
配合hover使用更佳~
使用该属性得设置
white-space:nowrap;/*规定段落中文本不换行*/
text-overflow: ellipsis;在被截断的文本后加入省略号（…）
display: inline-block;
overflow: hidden;
width: 90%;
2.a的伪选择器无效
a的伪选择器并不是只和a的伪选择器比较优先级，它还和a比较优先级，所以如果a有个id属性，而伪选择器的a只有一个class，那就输定了，伪选择器的效果就看不见了