Buenas noches..
Quería preguntar si los pasos que estoy haciendo para resolver el ejercicio que aparece en la parte final de este enlace
http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=716:concepto-de-herencia-en-hojas-de-estilo-css-ique-es-forzar-herencia-con-inherit-ejemplos-cu01013d&catid=75:tutorial-basico-programador-web-css-desde-cero&Itemid=203 (selector de estilos por class) están correctos. No me aplica ningún efecto en el archivo .html
Aclaración: Use Mozilla y Chrome pero no me funcionó con ninguno.
Les adjunto el codigo html y el css.
Archivo ejercicio concepto herencia.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros"><meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos concepto herencia.css">
</head>
<body>
<div class="principal"><h1>Novedades</h1><p>Aquí presentamos las novedades del sitio.</p></div>
<div class="secundario"><h3>Lanzamos el producto <span>X-FASHION</span></h3>
<p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion" /></p>
</div>
<div class="secundario"><h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto <span>T-MOTION</span></p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</div>
</body>
</html>
Archivo estilos concepto herencia.css:
/*Estilos CSS - concepto herencia*/
body {font-family: Arial, sans-serif;}
h1.principal {color:red; font-size:130%;}
h3.secundario{color:verde; font-size:110%;}
h3.secundario span{background-color:yellow;}