increbiel!!!!!!!!!!!! pero no se hasta q punto esto es un error ya que lo eh probado en FF2, IE6 y 7, O9 y S3 y en todos trabaja de igual manera!!!!!
para quienes vean esto y no vean en un primer momento cual es la super funcionalidad es la siguiente
seguimos en anterior ejemplo de metacortex
tenes una clase para dar estilo a menu y otra para los resultados supngamos
.menu {color:blue}
.resultado {color:green}
y aqui viene la magia, que pasa si queremos hacer que un div q tiene menu y resultado se vea de otro color???? sin tener q modificar nada???????'
.menu.resultado {color:red}
dejo un ejemplo con el q hice las pruebas y pueden ir cambiando las clases para ver como a evolucioanndo
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-ES" lang="es-ES">
<head>
<title>concatenar clases</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
.menu {border:1px solid #0f0}
.menu.resaltado {font: bold 2em Arial}
.resaltado.otra-clase {text-transform:uppercase}
.otra-clase.otra-mas {text-decoration:underline}
.menu.resaltado.otra-clase.otra-mas {color:#f00}
</style>
</head>
<body>
<div class="menu resaltado otra-clase otra-mas">tal cosa</div>
</body>
</html>
estaria bueno continuar haciendo pruebas y ver hasta donde se lo puede llevar a esto
y esot no termina aqui, acabo de pasar el CSS validation service de w3c y lo da valido! es una maravilla esot
saludos