title: CSS for all class under a tag
body: <p>I have html like this</p>
  
  <pre><code>&lt;div&gt;
      &lt;ul class="reportTable reportTableSum"&gt;
          &lt;li class="rowW"&gt;
              &lt;ol class="class_one"&gt;1&lt;/ol&gt;
              &lt;ol class="class2"&gt;2&lt;/ol&gt;
              &lt;ol class="classiii"&gt;3&lt;/ol&gt;
              &lt;ol class="class4"&gt;4&lt;/ol&gt;
              &lt;ol class="classfive"&gt;5&lt;/ol&gt;
              ...[and more class]
           &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and I need to setup css part like this for those html. class name are random and not in numeric order.</p>
  
  <pre><code>.reportTable li ol.class_one,
  .reportTable li ol.class2,
  .reportTable li ol.classiii,
  .reportTable li ol.class4,
  ...,
  .reportTable li ol.classfive{
      display:block;
      min-height:15px;
      padding:1px 15px 1px 2px;
      margin:0;
      width:auto;
      overflow:hidden;
  }
  </code></pre>
  
  <p>I try to re-write the css to something like this or similar to apply for all the class but it does not seem work</p>
  
  <pre><code>.reportTable li ol.*{
      ...
  }
  </code></pre>
  
  <p>How can I make this work. Please help, thanks.</p>