[SOLUCIONADO] Mismo elemento con diferentes clases

[Jhon Silver]

Tengo un h1 con las siguientes propiedades:

Código CSS:

h1 {
font-size: 22px;
color: #555;
font-weight: 400;
}
 

Bien pues quiero a otro h1 las siguientes propiedades

Código CSS:

h1 {
font-size: 18px;
color: #555;
font-weight: 200;
}
 

Cómo podría hacer la llamada para este segundo h1?

He probado con la opción:

Código CSS:

h1.go {
font-size: 18px;
color: #555;
font-weight: 200;
}
 

<h1 class="go">encabezado</h1>
No lo lee el navegador

[pzin]

Pues así mismo como dices que no funciona, debería de funcionar. Y de hecho lo hace.

[fede5426]

De la forma que lo hiciste es (valga la redundancia) una forma. Colocando solo ".go{}" seria otra, y la tercera q se me ocurre es si el h1 esta envuelto en otra etiqueta, por ejemplo un section con clase "titulo", escribir ".titulo h1{}".

Hay varias maneras de acceder a un elemento.

Si estas usando un servidor local, a veces demora en tomar los estilos, actualiza la pagina un par de veces o reinicia tu servidor.. Lo digo por experiencia propia.

[chachek]

prueba tb
.go>h1{

}
estando la h1 envuleto en la etiqueta con clase 'go'

[Jhon Silver]

Bueno al final lo he solucionado y funciona ok.
He puesto los dos h1 de la siguiente manera.
h1.go
h1.gox
Asi funciona correctamente

Gracias amigos