Uma boa utilidade para ser aplicada é quando precisamos customizar apenas um elemento dentro de tantos que já tem uma formatação pré-definida por outra Classe mas não queremos incluir mais um seletor no CSS para fazer algo relativamente simples.

Exemplo prático

CSS

li.item_style{
color:#333;
border-bottom:1px solid #ccc;
background:#ccc;
}

li.bigger_font{
font-size:16px;
}


HTML

No Código acima temos um estilo sendo aplicado a uma lista não ordenada e queremos que apenas um elemento desta lista(no exemplo o último elemento da lista) tenha um tamanho de fonte maior do que os outros. Fazendo assim aplicamos duas classes nessa mesma tag a diferenciado das outras e não precisando sujar a formatação inicial e aumentar desnecessáriamente seu código CSS.

Esse é somente um exemplo com fontes mas pode ser atribuido a qualquer propriedade de um CSS dando dinamismo à página enriquecendo o código e não se utilizando gambiarras e sujeiras dentro de seu código.

<script language="JavaScript">
<!-- Begin
function getCSS()
{
 datetoday = new Date();
 timenow=datetoday.getTime();
 datetoday.setTime(timenow);
 thehour = datetoday.getHours();

 if (thehour > 20)
  display = "tree_twilight.css";
   else if (thehour > 17)
  display = "tree_sunset.css";
 else if (thehour > 14)
  display = "tree_afternoon.css";
 else if (thehour > 11)
  display = "tree_noon.css";
 else if (thehour > 7)
  display = "tree_morning.css";
 else if (thehour > 4)
  display = "tree_sunrise.css";
 else if (thehour > 1)
  display = "tree_twilight.css";
 else
  display = "tree_sunset.css";

 var css = '< '; css+='link rel="stylesheet" href=' + display +
 ' /';  css+='>';

 document.write(css);
// End -->

}
</script>
<script language="javascript">getCSS();</script>

Onde:

* Das 5 ás 8 da manhã: Ela utiliza o tema sunrise.
* Das 8 da manhã até o Meio-dia: Ela utiliza o tema morning.
* Do Meio dia ás 3 da tarde: Ela utiliza o tema noon.
* Das 3 ás 6 da tarde: Ela utiliza o tema afternoon.
* Das 6 da tarde ás 9 da noite: Ela utiliza o tema sunset.
* E das 9 da noite ás 5 da manhã: Ela utiliza o tema twilight.

Caso o usuário navegue com o JavaScript desabilitado, ela utiliza o tema sunset:

<noscript>
<link rel="stylesheet" href="tree_sunset.css" type="text/css">
</noscript>

Enjoy it