title: Is it possible to prevent CSS font style propagation?
body: <p>I have a plugin which outputs a profile section, and I plan to wrap it with an ol>li element. I want to style the list numbers using a different font size/style/color. But if I do that the font style will propagate/cascade into the profile. I don't want to restyle every text inside the profile again. So is it possible to prevent the font style from propagating into the descendant elements?</p>
  
  <pre><code>&lt;style&gt;
  #rank li{
    font-size:50px;
    font-style: italic;
    font-family: serif;
    font-weight: bold;
    width:70px;
    margin-right:10px;
    text-align:center;
  }
  &lt;/style&gt;
  &lt;ol id="rank"&gt;
    &lt;li&gt;
      &lt;div class="profile"&gt;
        &lt;!-- contains complex stuffs including tables, floated div for displaying profiles--&gt;
      &lt;/div&gt;
    &lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>EDIT:
  Sorry, I over exaggerated about 'restyling every text again'. I think if I need to make profile style unaffected again, I would need to know the default font styles outside the ul, and apply them in the div. It's not much work, but in the future, one need to modify two places to keep the overall style consistent.</p>