Por qué sí uso "!important" en mi código CSS

  Рет қаралды 7,547

CodelyTV - Redescubre la programación

CodelyTV - Redescubre la programación

Күн бұрын

La cascada CSS y la especificidad son las bases del CSS. Muchas veces ponemos !important por el hecho de no saber esta importancia. En el vídeo de hoy vemos cuándo es util utilizar cada herramienta.
¡Curso Selectores CSS! ➥ bit.ly/curso-s...
﹤🍍﹥ CodelyTV
├ 🎥 Suscríbete: kzbin.info...
├ 🐦 Twitter CodelyTV: / codelytv
├ ⚡️ Twitter María: / marie_nei
├ 💂🏼 Twitter Rafa: / rafaoe
├ 📸 Instagram: / codelytv
├ ℹ️ LinkedIn: / codelytv
├ 🟦 Facebook: / codelytv
└ 📕 Catálogo cursos: bit.ly/cursos-...

Пікірлер: 21
@CodelyTV
@CodelyTV Жыл бұрын
De todas formas… Un !important al año no hace daño 👀
@sergiosandoval3821
@sergiosandoval3821 Жыл бұрын
Y luego le agregamos z-index:999999!important; jajajaja
@CodelyTV
@CodelyTV Жыл бұрын
Eso siempre!! xD
@ciltocruz
@ciltocruz Жыл бұрын
@@CodelyTV Sólo vengo para preguntar si Nuria está bien después de ver que se ha hecho este vídeo 🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣
@andresin87
@andresin87 Жыл бұрын
Genial. Sintetizar toda esta info en un escaso cuarto de hora es un trabajo impresionante. Lo de menos es el important😂. Seguid así cracks!
@juansanchez1616
@juansanchez1616 Жыл бұрын
Gracias! Qué información tan !important :)
@RaulMartinezRME
@RaulMartinezRME Жыл бұрын
Muy interesante. Pensaba que de ejemplo de "local user styles" iba a poner el aumentar el tamaño de fuente en el navegador.
@CodelyTV
@CodelyTV Жыл бұрын
También! Todos entran en ese espacio reservado del navegador 😊
@gomen98
@gomen98 Жыл бұрын
Este vídeo me ha servido un montón, de casualidad tendrán artículos que hablen más acerca de porque las transiciones tienen más importancia que "!important"? He buscado pero no he tenido éxito
@yoanestradablanco1608
@yoanestradablanco1608 Жыл бұрын
Exelente video ustedes son unos crack en el css ahora traen a otra persona que sabe lo que hace en cuanto tenga un tiempo me subscribo para poder aprender esas cositas que me faltan
@techjandro
@techjandro 6 ай бұрын
Genial el contenido! Pero solo una duda más de forma de la presentación… el concepto de cascada no se refiere más a que lo que tiene más prioridad es lo que estaría más abajo de la cascada? (El estado en el que la barca termina llegando al elemento), Y no lo contrario. Pero bueno, se entiende la idea igual.
@falk167
@falk167 Жыл бұрын
Muy buen vídeo. Siempre me ha chocado lo del !, que es el símbolo de la negación lógica en la mayoría de lenguajes usados en el backend y en el propio JavaScript. Parece que !important sea not important. Simplemente me parece curioso que CSS haya escogido esa nomenclatura, algún motivo tendrían.
@JEISSONPRISIONERO
@JEISSONPRISIONERO Жыл бұрын
Un caso de uso para tener estilos específicos para páginas en específico es mejorar el rendimiento y velocidad de carga, se ponen solo las reglas que utiliza ese documento y se descarta el resto, eso hace que pese menos y mejore el performance
@cerm88
@cerm88 Жыл бұрын
@import en Sass? No lo sé Riick! De que puedes puedes poner el !important pero si lo usas debes reconsiderar como está tu código.
@zionlsr
@zionlsr Жыл бұрын
Se podria añadir un ultimo punto que seria el orden dentro del propio fichero css no ?
@aritzolaba
@aritzolaba Жыл бұрын
!important es una herramienta más que tenemos para cuando la necesitemos, lo malo de ella, es que "paras" el flujo para el siguiente que necesite poner estilos a esa clase que has petado de !importants... Mi consejo es intentar antes algo del estilo: body .laclasequequierescambiar o html .laclasequequierescambiar, es decir, buscar una especificidad mayor de la que hay que no requiera important, para que el siguiente developer pueda overridear de nuevo si lo necesita, ya sí, con un !important. También se puede overridear algo que ya tiene !important, con el mismo truco de poner body o html delante. Gracias por el vídeo!
@murenu
@murenu Жыл бұрын
Perdón. No era más bien una cuestión de peso del selector? a.link tiene más peso que .card a. Si igualmente va a tener la clase link, cambiando el selector por .card a.link no hace falta un ! important.
@nyambe
@nyambe Жыл бұрын
Tendrán valor!! lol
@icedev8078
@icedev8078 Жыл бұрын
Dónde está Nuria D: porque alguien más habla de css quiero a mi Nuria de vuelta D: sin ofender y fue contenido genial c: pero quiero mis análisis de cookies D:
Por qué no uso "Tailwind CSS" en mi código
17:48
CodelyTV - Redescubre la programación
Рет қаралды 38 М.
TOP 5 problemas de arquitectura CSS en aplicaciones JavaScript
10:33
CodelyTV - Redescubre la programación
Рет қаралды 17 М.
МЕБЕЛЬ ВЫДАСТ СОТРУДНИКАМ ПОЛИЦИИ ТАБЕЛЬНУЮ МЕБЕЛЬ
00:20
Blue Food VS Red Food Emoji Mukbang
00:33
MOOMOO STUDIO [무무 스튜디오]
Рет қаралды 36 МЛН
Dad Makes Daughter Clean Up Spilled Chips #shorts
00:16
Fabiosa Stories
Рет қаралды 8 МЛН
🔥 Cómo aprovechar al máximo las variables CSS
8:58
CodelyTV - Redescubre la programación
Рет қаралды 11 М.
La evolución del CSS: De Floats a Flexbox y Grid
10:51
CodelyTV - Redescubre la programación
Рет қаралды 35 М.
SÓLO 3 LÍNEAS: CSS Grid responsive sin media queries
10:04
CodelyTV - Redescubre la programación
Рет қаралды 181 М.
🧪 Ejemplos de cómo TypeScript te AHORRA CÓDIGO de TESTS y dolores de cabeza
9:01
CodelyTV - Redescubre la programación
Рет қаралды 14 М.
Mejora tu código aplicando Clean Architecture
10:37
CodelyTV - Redescubre la programación
Рет қаралды 81 М.
Los 3 tipos de Caché que todo Developer debería conocer: HTTP vs Reverse Proxy vs App
15:50
CodelyTV - Redescubre la programación
Рет қаралды 36 М.
Por qué no uso "RGB" en mi código
8:24
CodelyTV - Redescubre la programación
Рет қаралды 9 М.
Por qué NO DEBES usar cursor pointer en botones
6:38
CodelyTV - Redescubre la programación
Рет қаралды 27 М.
Esta NOVEDAD de CSS ¡SI QUE LO CAMBIA TODO! 🤯
8:26
midulive
Рет қаралды 111 М.
МЕБЕЛЬ ВЫДАСТ СОТРУДНИКАМ ПОЛИЦИИ ТАБЕЛЬНУЮ МЕБЕЛЬ
00:20