title: Compact multiple CSS Class selection criteria with OR
body: <p>I have to apply a style to a class <code>.my-icon</code> (3rd level element- Image) on hover of <code>h1,h2 or h3</code>(2nd level element - heading) that are in a <code>.container</code> (1st level element - Div), following is the code</p>
  
  <pre><code>.container &gt; h1:hover &gt; .my-icon,
  .container &gt; h2:hover &gt; .my-icon,
  .container &gt; h3:hover &gt; .my-icon
   {
      display:inline;
  }
  </code></pre>
  
  <p>Is there any simpler (or compact) way of doing it? some thing like</p>
  
  <pre><code>.container &gt; (h1|h2|h3):hover &gt; .myicon {
  
  }
  </code></pre>
  
  <p>or may be in following way</p>
  
  <pre><code>.container &gt; (h1:hover|h2:hover|h3:hover) &gt; .myicon {
  
      }
  </code></pre>
  
  <p>or any other compact way?</p>