Question

所以我尝试使用RGBA值设置a：before元素的边框颜色。这适用于所有我想要的浏览器，包括IE。但是，如果我缩小CSS，IE会渲染没有颜色的边框。

代码：

border-color: rgba(69,130,128,0.9) rgba(69,130,128,0.9) rgba(69,130,128,0.9) transparent;

缩小时：

border-color:rgba(69,130,128,0.9)rgba(69,130,128,0.9)rgba(69,130,128,0.9)transparent;

解决这个问题的方法是独立设置每个边框（border-top-color，border-bottom-color等等）。但是，我想确保在缩小工作时没有办法制作css，因为我更愿意为每个位置编写一个语句而不是一个语句。

这是一个JS小提琴，其中down状态不起作用（缩小）并且悬停状态为。 http://jsfiddle.net/6uDn7/2/

Answer 1

如果您正在减肥，请考虑以下因素：

标准可读的css = 89个字符

border-color: rgba(69,130,128,0.9) rgba(69,130,128,0.9) rgba(69,130,128,0.9) transparent;

非工作缩小的css = 85个字符

border-color:rgba(69,130,128,0.9)rgba(69,130,128,0.9)rgba(69,130,128,0.9)transparent;

Working readable css using border-color and border-left-color = 65 characters
```
border-color:rgba(69,130,128,0.9); border-left-color:transparent;
```

只是想指出缩小（去除空白区域）并不总是削减重量的最佳方法，你牺牲了可读性并且通常只需要几个字节就可以节省更多的字节，甚至可以使你的代码变得更好通过使用速记属性和删除冗余来提高可读性。