Estoy teniendo problemas para ubicar como una sidebar en mi página web. Puse a prueba la hoja de css con la que estoy trabajando y me resulta en un error sintáctico, pero no estoy pudiendo identificar de qué se trata.
¿Me ayudarían a encontrarlo?
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadEstoy teniendo problemas para ubicar como una sidebar en mi página web. Puse a prueba la hoja de css con la que estoy trabajando y me resulta en un error sintáctico, pero no estoy pudiendo identificar de qué se trata.
¿Me ayudarían a encontrarlo?
El problema es el siguiente:
Imagina que tienes la siguiente estructura en HTML.
<section>
<h1>Título</h1>
<p class='parrafo'>Parrafo 1.</p>
<p class='parrafo'>Parrafo 2.</p>
<p class='parrafo'>Parrafo 3.</p>
<article>
<p class='parrafo'>Parrafo article 1.</p>
<p class='parrafo'>Parrafo article 2.</p>
<p class='parrafo'>Parrafo article 3.</p>
</article>
</section>
Ahora vamos a decorarlo de la siguiente forma:
section {
width: 50%;
background: #CCC;
margin: 0 auto;
}
.parrafo {
color: #006699;
}
Donde quiero que pongas atención es en la clase parrafo, cuando lo usas de esta forma aplicas el color de texto a todas las p que tienen la clase parrafo. Ahora bien si yo quiero acceder solo a los párrafos del article que tengan la clase parrafo lo haré de la siguiente forma:
article .parrafo {
color: #006699;
}
Y bueno a lo que quiero llegar con esto es que tu error es hacer ésta operación de la siguiente forma:
article {
.parrafo {
color: #006699;
}
}
Cosa que o bien simplemente no funcionará o te mostrará un error como el que recibes. Espero te sirva saludos ;)
Ah y solo una sugerencia más indentar tu código no estaría demás para detectar estos errores de forma más sencilla e incluso evitarlos.