顺丰的首页改版，不知道大家感觉如何，个人还是不习惯，感觉有点乱，所有的分类都是放在一起。为了让自己舒服一些，我又打开了时尚小工具，修改了一下样式，最后变成了这个样子。不知道别人会不会舒服一点，我觉得舒服一点，至少辨识度是清楚的。但是一路走来，我发现SF首页的一个地方有一个CSS属性，不知道是干什么用的。因为使用不同类型的标签来处理样式，而最外层的父元素并没有专门标识的类名。这个特殊标识的类名在最内层，所以只能通过定位来处理。专栏：#407600=>.middle.news-list.news-item.text-live问答：#8C5825=>.middle.news-list.news-item.text-qa专栏：#468ee5=>.middle.news-list.news-item.text-articleheadlines:nocolor,noclassname找到这些之后，在这里添加一个a标签：after来定位它并填充外部列表元素的背景。但是因为a标签的父元素的问题，需要增加和改变定位属性的值。然后在最外层元素添加定位特性，让a标签的:after可以定位到一个列表的位置。但是有一个问题，当定位a标签的:after时，会覆盖到内容后面，所以需要加上z-index:-1;让背景到内容的底部，但是定位好像有点奇怪，所以不管了，反正这个:after不需要点击，所以又多了一个pointer-events:none;。好吧，现在就是这样。所以最后的代码是：-list.news-item.text-article:after,.middle.news-list.news-item.text-live:after,.middle.news-list.news-item.text-qa:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#468ee512;pointer-events:none;}.middle.news-list.news-item.text-live:after{background-color:#40760012;}.middle.news-list.news-item.text-qa:after{background-color:#8C582512;}因为只是首页，记得加域名控制在时尚，然后就可以了。如果你对背景颜色感到好奇：#8C582512；为什么这里的颜色值这么长，我只想说，因为我平时用的是chrome，然后有更新的习惯，所以目前是最新版的chrome，这个颜色值最后两位是透明度。哦，完成了，去工作...
