title: Is it possible to change only the alpha of a rgba background colour on hover?
body: <p>I have a set of <code>&lt;a&gt;</code> tags with differing rgba background colours but the same alpha. Is it possible to write a single css style that will change only the opacity of the rgba attribute?</p>
  
  <p>A quick example of the code:</p>
  
  <pre><code> &lt;a href="#"&gt;&lt;img src="" /&gt;&lt;div class="brown"&gt;Link 1&lt;/div&gt;&lt;/a&gt;
   &lt;a href="#"&gt;&lt;img src="" /&gt;&lt;div class="green"&gt;Link 2&lt;/div&gt;&lt;/a&gt; 
  </code></pre>
  
  <p>And the styles</p>
  
  <pre><code>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);}
  </code></pre>
  
  <p>What I would like to do is write a single style that would change the opacity when the <code>&lt;a&gt;</code> is hovered over, yet keep the colour unchanged. </p>
  
  <p>Something like</p>
  
  <pre><code>a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}
  </code></pre>