🖖 Inicio

SERVICIOS

Salir

nochedía

Trabajar con Clases

200 palabras
1 minutos
May 4, 2020

Trabajar con clases

Esto ya lo hemos estado haciendo en el capítulo anterior, y es tan sencillo como parece, pero aprovecho para hablar también de los id y también para mostraros que podemos seleccionar elementos dentro de otros elementos

En el fondo esto lo hacemos porque es buena idea perseguir la máxima de ser tan específico como podamos

En otras palabras, si seguimos la norma de estilar sólo aquello que queremos, mejor

Una estructura distinta, fíjate que en lugar de clases he puesto id's, y hay un par de <div> dentro de otro (les llamamos nested divs)

image

Aquí vemos distintas maneras de referirnos a lo mismo, que cuando son a través de id utilizan el símbolo # (con las clases utilizaban el punto .), y donde no es necesario especificar el elemento (pero lo hace más específico)

Pero, si de id sólo puede haber uno, hace falta especificar el elemento? Lo cierto es que veo pocas razones para ello

Habrás notado que utilizo estas dos formas:

Este elemento del medio > tiene un significado (que aquí no nos afecta y podríamos quitarlo) y que veremos en el siguiente capítulo

Pero por lo demás, ya lo tenemos, sólo fijaros en lo siguiente

Te imaginas poder hacer esto? Referirnos a un elemento que está insertado (nested) de esta forma? Es mucho más intuitivo y a la vez encapsula el código y nos hace ser muy específicos con poco texto

Pero no puedes

Limitaciones del pure css, pero sí que puedes con preprocesadores y con styled-components (no lo veremos aquí, pero que lo sepas)

Hasta aquí el cuarto capítulo del curso de CSS básico, un capítulo muy corto para concretar el tema de las clases

Nos vemos en el quinto capítulo, en Seleccionar elementos

Qué tal este capítulo?
👌 Bien 🙌🙌
👍 Bien, pero algunas cosas podrían explicarse mejor 😬
🤷‍♂️ Da por sentadas demasiadas cosas 😒
🤷‍♂️ A ver, hay poca chicha 😬
🤷‍♂️ Los ejemplos no son muy claros 🙇‍♂️
🤷‍♂️ No se entiende, está mal escrito 👎
✍️ Hay errores, revísalo en cuanto puedas 🙏

Newsletter de kuworking, un correo de tanto en cuanto

Quizá te interese

Privacidad
by kuworking.com
[ 2020 >> kuworking ]