Duda reglas css

Si yo tengo 2 clases estilo asi
.Hola1{
color #fff;
}

.Hola2{
color #333;
}


Como puedo hacer para que una no se cargue a la otra si yo tengo un codigo asi:


<p class="Hola1">
<p class="Hola2">
Texto que mostrar
</p>
</p>


Si no se entiende la duda decidlo.
:-? Personalmente yo no acabo de entender la pregunta.

Las etiquetas de párrafo se utilizan para escribir textos entre ellas, por tanto no tiene sentido abrir una etiqueta de párrafo y no escribir nada dentro de ella, y posteriormente abrir otra y escribir un texto (no habiéndolo hecho antes en la anterior etiqueta de párrafo).

O hay algo que no nos has explicado que quieras hacer, o soy yo que no acabo de entender lo que te propones.

Saludos.
La forma correcta es:

<p class="Hola1">
Texto que mostrar
</p>

<p class="Hola2">
Texto que mostrar
</p>

Como lo pones, es como si a una palabra le pones de tamaño 12 y 14, es decir te cogerá sólo uno.
jmsimon escribió:La forma correcta es:

<p class="Hola1">
Texto que mostrar
</p>

<p class="Hola2">
Texto que mostrar
</p>

Como lo pones, es como si a una palabra le pones de tamaño 12 y 14, es decir te cogerá sólo uno.


Exacto!
MorrisonD escribió:
jmsimon escribió:(...)


Exacto!


Ciertamente!
Las clases se combinan, pero tu estás poniendo dos elementos del mismo (el color en este caso) y eso obviamente no se puede combinar. Como vas a poner un texto a la vez blanco y gris. Como se come eso?
Por otro lado estás abriendo un párrado "<p>" dentro de otro párrafo, cosa que no se puede hacer.

Lo que por ejemplo puedes hacer es ponerlo así:

CSS:
.Hola1{
color #fff;
}

.Hola2{
font-size: 40px;
}


HTML:
<p class="Hola1 Hola2">Texto blanco y grande</p>
5 respuestas