我有一组< a>标签与不同的rgba背景颜色，但相同的alpha。是否可以编写一个单一的css样式，只改变rgba属性的不透明度？
<a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a>
和风格
a {display: block; position: relative}
.brown {position: absolute; bottom: 0; background-color: rgba(118,76,41,.8);}
.green {position: absolute; bottom: 0; background-color: rgba(51,91,11,.8);}
我想做的是写一个单一的风格，将改变不透明度时< a>悬停在上面，但保持颜色不变。
就像是
a:hover .green,a:hover .brown {background-color: rgba(inherit,inherit,1);}
解决方法
不幸的是，不，你必须为每个类别再次指定红色，绿色和蓝色值：
a { display: block; position: relative; }
.brown { position: absolute; bottom: 0; background-color: rgba(118,0.8); }
a:hover .brown { background-color: rgba(118,1); }
.green { position: absolute; bottom: 0; background-color: rgba(51,0.8); }
a:hover .green { background-color: rgba(51,1); }
您只能使用inherit关键字作为属性的值，即使这样，使用inherit也不适用。
