[SOLUCIONADO] dos <h1> con diferente CSS

sgardes · #1 (**permalink**) 12/02/2013, 06:23

Hola a todos, para quien lo sepa gracias por contestar.
La duda es asi. tengo un <h3> titulo </h3> que ahora quiero que sea <h1>titulo</h1>
El problema es que deseo qeu se mantengan todos los atributos de la clase <h3>
y esto me hace interferencia con los atributos de los titulos restantes <h1>

en mi web lo tengo asi:
<head>

<h1> {color: red; font-family: lucida sans;}
<h3> {color:blue; font-family: times new roman;}
</head>
<body>
<h1> titulo 1</h1>
<h3> titulo 3</h3>
</body>

Como hago para que <h3> ahora sea tambien un <h1> y no pierda sus caracteristicas?

gracias gracias

sgardes · #2 (**permalink**) 12/02/2013, 06:24

Probe con last-child y no da resultado porque suma las demas caracteristicas del primer h1 (centrado, tamaño letra, etc) y solo cambia el color y font family.

pzin · #3 (**permalink**) 12/02/2013, 06:44

Tienes que resetear las propiedades que no quieres que herede.

Ese código que pones no es funcional y tiene errores. Si pides ayuda al menos postea el código que estés usando y usa highlight para verlo mejor.

victormolla14 · #4 (**permalink**) 12/02/2013, 09:30

No te he entendido muy bien, pero me imagino que querrás algo así:

Código Javascript:

Ver original<html>
    <head>
        <style>
        h1 {color: red;
        font-family: lucida sans;
        }
        #n{color:blue;
        font-family: times new roman;
        }
        </style>
    </head>
    <body>
        <h1> titulo 1</h1>
        <h1 id="n"> titulo 3</h1>
    </body>
</html>

sgardes · #5 (**permalink**) 11/05/2013, 07:54

Muy bueno VictorMolla, era esto lo que necesitaba, muchas gracias!!