html5 - Overriding a parent div class on a child element within that div with the same class -

The title is very confusing, I know ... I have applied the ambiguity to a basic element. A child within that element Div, which requires a different opacity rather than its original value. Please see examples - buttons need ambiguity: 1; Rather than the ambiguity of your parents: .7;

 . Carousel-search {margin: 7% 0 20px-208px; Status: Completed; Z-index: 9; Text align: center; Opacity: .7; Filters: alpha (opacity = 70); // IE-Mojo-opacity: 0.7; // Firefox - Brass Opacity: 0.7; Left: 50%; }. Carousel-Search & gt; .btn-group {Opacity: 1; }    
 
 
 This can be done using RGBA. I do not know in a better way, do it like this:  
 . Carousel-search {background: RGBA (0, 0, 0, 7); }   
 This will add an ambiguity to the original element. I child element is not affected by this ambiguity. So you can now leave the ambiguity for the child element because it ( opacity: 1 )  
 more about RGB  
  Edit :  I found another way, it is more of a CSS hack, but it will also work.