Se presentan a continuación un ejemplo de cálculo de la prioridad CSS.
| Estilo | Estilo en línea | ID | Clases | Elemento | Ganadora (Si/No) |
|---|---|---|---|---|---|
| header{color: white;} | 0 | 0 | 0 | 1 | No |
| #caja{ color: #2980B9;} | 0 | 1 | 0 | 0 | No |
| #caja .cabecera{color: white;} | 0 | 1 | 1 | 0 | No |
| #caja .cabecera h1{color: orange;} | 0 | 1 | 1 | 1 | Si |
| h1{color:pink;} | 0 | 0 | 0 | 1 | No |
La combinación ganadora es la presentada en dorado, que asigna el color naranja al texto de la cabecera.