<h3 id="heading-calculating-specificity-of-selector-expression">Calculating Specificity Of Selector Expression</h3>
<p>A selector expression is a selector or a combination of selectors.</p>
<p></p><div class="scrll"><p></p>
<p></p><table>
  <thead>
    <tr>
      <th>[0]</th>
      <th>[0]</th>
      <th>[0]</th>
      <th>[0]</th>
      <th>[0]</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>⇧</td>
      <td>⇧</td>
      <td>⇧</td>
      <td>⇧</td>
      <td>⇧</td>
    </tr>
    <tr>
      <td>!important</td>
      <td>style=""</td>
      <td>id <br />selector</td>
      <td>class, <br />attribute, <br />psuedo <br />class <br />selectors</td>
      <td>type <br />selector <br />and <br />psuedo <br />element</td>
    </tr>
  </tbody>
</table>
</div><p></p>
<p>For every selector expression we get a five digit priority value from the above diagram. Larger values override smaller values. Same values override based on top to bottom(last selector expression overrides previous ones).</p>



### Calculating Specificity Of Selector Expression

A selector expression is a selector or a combination of selectors.

<div class="scrll">
<table>
  <thead>
    <tr>
      <th>[0]</th>
      <th>[0]</th>
      <th>[0]</th>
      <th>[0]</th>
      <th>[0]</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>⇧</td>
      <td>⇧</td>
      <td>⇧</td>
      <td>⇧</td>
      <td>⇧</td>
    </tr>
    <tr>
      <td>!important</td>
      <td>style=""</td>
      <td>id <br/>selector</td>
      <td>class, <br/>attribute, <br/>psuedo <br/>class <br/>selectors</td>
      <td>type <br/>selector <br/>and <br/>psuedo <br/>element</td>
    </tr>
  </tbody>
</table>
</div>
<p style="margin: 1.5em 0;">For every selector expression we get a five digit priority value from the above diagram. Larger values override smaller values. Same values override based on top to bottom(last selector expression overrides previous ones).</p>


Weensy Code

Weensy Code

CSS priority

Calculating Specificity Of Selector Expression

[0]	[0]	[0]	[0]	[0]
⇧	⇧	⇧	⇧	⇧
!important	style=""	id selector	class, attribute, psuedo class selectors	type selector and psuedo element