Guía Completa de Pseudo-clases en CSS | ¿Qué son ? + Ejemplos de todas

[@FalconMasters]

Si te gusto el video por favor dale manita arriba! 👍

[@reypez]

A ciegas le doy "like", porque todos los videos son una genialidad

[@FalconMasters]

Muchas gracias!

[@missanddiie]

Estamos de acuerdo A FalconMasters y EDTeam

[@emmanuelsanchg1470]

:only-child 18:37 estados para los formularios 21:01 :focus 23:05 :disabled 23:53 ::valid/:invalid 25:20 :required 28:08

[@manuelc3368]

graxy v:

[@eduardorivas6959]

Excelente!. Didáctico, sin complicaciones innecesarias,. Magistral! Muchas gracias.

[@DaggCover]

loco, eres el mejor explicando, y mejor aun, que nos ayudas con el material para seguir la explicacion.... 100 sobre 10

[@daysicortez3090]

Estoy aprendiendo muchísimo con tus tutoriales, gracias por la dedicación!! Excelente explicación como siempre.

[@FalconMasters]

Muchas gracias!

[@ainealcaraz2778]

muchisimas gracias por cada conocimiento que me impartiste, soy autodidacta y estas clases literal me estan iniciando en el mundo de la programación, proximamente voy a acceder a las clases de tu pagina cuando termine con la de javascrypt (gracias y mil gracias) un saludo desde Argentina :D

[@FalconMasters]

Muchas gracias! Me alegra mucho que te sirvan mis vieeos!

[@teloensenofacilito.5211]

Buen video y buena vos , aprendi HTML Y CSS Con tigo ahora ya se PHP

[@rfclandesto3741]

¿Ya trabajas como desarrollador?

[@selina-io7ec]

Simplemente genial!, como siempre. Ojalá puedas hacer un video explicando todos los atributos que toman las etiquetas html y cómo éstas cambian su comportamiento con ellas, y que lo agregues al curso básico de html que ya tienes en KZbin. También quisiera pedirte que si puedes hacer un video que expliques eso de hacer llamadas para usar APIS que es algo así (al menos así me lo están enseñando, mezclado con jquery pero no entiendo nada, de nada $.get( "aquí va la url", function (data) { console.log(data); o cualquier otra acción pero con jquery a realizar }, "json" ); He buscado en varios videos y no he podido encontrar alguien que explique todos los pasos, es decir, la llamada, iterar los objetos y cargarlos en nuestra página web. Pero como tu eres el maestro (master) que por lo demás tienes bien puesto tu nombre, ojalá puedas y quieras hacerlo. Saludos y muy agradecida de tus videos.

[@lucastinwav29]

Con este termino la lista de reproduccion css, muy buenos videos. Saludos de Argentina

[@carolinazozaya8243]

Excelente video, muchas gracias por tu contenido

[@XChriSBaTa24]

excelente men, me vi los 18 videos, me gustó, gracias por tomarte el tiempo y hacer esto posible para las personas que tenemos interés en aprender....

[@FalconMasters]

Muchas gracias a ti Cristian, espero que hayas aprendido mucho!

[@saramigoya5046]

Muy bueno!!!! se hace muy didáctico con el Github

[@kikevanegazz325]

Excelente explicación. Gracias Falcon!

[@codepunk77]

El mejor instructor de front!

[@hoopaseneca]

Espectacular!!! Gracias por el tutorial :D

[@damianm2436]

Excelente servicio 🤪 como siempre. ¡Muchas gracias!

[@skeetpurple2531]

Muchas gracias por este vídeo, lo valoro mucho

[@snaidergarcia3857]

Gracias por compartir tu conocimiento

[@khisus20]

Excelente tus ejemplos muy bien hechos. Se entiende perfectamente. Muy bueno de verdad

[@resario89]

Muchas gracias por la explicación.. es excelente y por tan buen video👍

[@jerlandejoseph4350]

este es lo que siempre quise

[@josezavala5972]

Genial!... Una duda para agregar algún tipo de burbuja o cuadro de mensaje con su flechita que indique el input que es inválido para indicar con una leyenda X's " favor de rellenar los campos " es utilizando pseudoelementos? O simplemente tener algún span o div con border rojo. O ya sería otra solución?

[@michaelortega1267]

eres un crack, espero ser como tu algun dia :')

[@ijeanpierrebp]

excelente, muchas gracias!

[@jimbotronico]

Buena man! Excelente contenido, vi el curso completo! de verdad muchas gracias 🙏

[@federicoraulmaciasaparicio1339]

Perfecto!! Jeje. 😉 Ya estaba esperando justamente este vídeo desde el del after y before

[@zafena1199]

muy buen vídeo y muy bien explicado y eso que el tema parece sencillo pero a mí siempre se me hace bolas y tengo que repasar regularmente así que me he guardado este vía en mi lista de videos de CSS y en favoritos. Un cordial saludo Carlos arturo

[@dearalex2056]

Buenisimo video!

[@bautista-cutraro]

muy buen video! faltó el :not()

[@danielcunza]

Para que sirve el :not?

[@gerardoluisbv]

Coloquen outline-style: none, si tienen un borde por defecto en le navegador

[@AlvaroMendozaRios]

Estoy recopilando estos cursos para que aprenda un familiar, que por motivo de tiempo y la pandemia no le puedo enseñar personalmente. Solo quiero decirles que no usen los NTH a menos que sea relmente necesario, porque los cálculos de renderizado consumen demasiada memoria lo cual retarda el primer pintado en pantalla.

[@sheffomp]

Hola Arturo! Estarás actualizando tu curso de tiendas online?

[@sebastianlozano7707]

videazo!

[@gaby.sanchez3445]

¡¡ Muy buen video, bastante completo y practico !!

[@FalconMasters]

Gracias!

[@silfridobenitez8046]

Puedes explicar los selectores adyacentes por favor

[@zNareak]

Hola men, explicas de maravilla, y el video anterior, me aclaró muchas dudas. Podrías, si es posible, realizar un vídeo explicando sobre la función calc(expression) ? No encuentro muy claro sobre la misma. Gracias de antemano.

[@DuzZeus]

Es como dice la función, para calcular. Puedes usar una variable con un valor de npx y a esta restarle 20px, igual puedes hacer una división de un porcentajes para que de exacto en vez de que lo hagas tu mismo ya el navegador aria el calculo no tu.

[@matiashau5985]

Hola Carlos, muchas gracias, podrías hacer un tutorial de Vue.js

[@missanddiie]

Grande monstro, eres el mejor.

[@FreeloCreativo]

Gracias Falcon!

[@mayrainfanzon635]

Eres un genio !

[@franciscoj.alvarezs.9426]

Espectacular!!!

[@elgatodiego]

Muchisimas Gracias

[@xavierospina5883]

1000 likes para ti, gracias

[@homer2226]

Hola buenas tengo una duda, estoy desarrollando una página con WordPress y bueno hice un formulario con un plugin que fui ajustando el estilo a medida , la cosa es que me deja modificar la pseudo clase Focus pero cuando empiezo a escribir en el campo me sale un nuevo estilo de borde que es por puntos , no sé que pseudo clase podría ser por qué el Focus es en hacer click no en escribir

[@trafalgard.andrade7936]

Genial ! :)

[@denncriss3082]

que tema utilizas para vscode

[@lionc5185]

Buena explicación (like)

[@josee9465]

Hola falcon. Tengo 2 preguntas, ala mejor es muy bàsico , pero no se que hacer. Tengo mi código html, css y un poco de javascrcript en mis documentos y lo abro en mi editor de còdigo, de ahi todo bien, pero ¿ como lo subo para que sea una web normal, que necesito? ya se que un dominio y mi hosting pero donde va mi codigo, en el hosting ¿? como funciona. y donde mando mi informaciòn de contacto¿? ósea alguien llena mi landing page, pero a donde mandan los datos¿? espero tu respuesta, gracias por tomarte el tiempo de contestar.

[@cristianalvarez5169]

Hola que tal sobre lo referente a las pseudoclases de link, he colocado todas y me funcionan bien excepto al respecto de link y hover, a ambas les he dado un color diferente sin embargo solo agarra link y cuando coloco el puntero no agarra el color de hover como si te ocurre sin embargo si le coloco un background-color si funciona hover y link sin problemas han actualizado las pseudoclases o algo por el estilo porque me pasa esto?

[@DuzZeus]

Justo aprendi esto ayer ._., igual lo veo para reforzar jsjs

[@graffittering-3540]

Puedo usar una pseudo-clase de css desde javascript?

[@hamermohamed4193]

muy buen video

[@romuloalves9349]

Ótimo vídeo parabéns 👏 Gostaria de ver um mega menu com imagens e texto.

[@elamanestradabran4127]

Amigo buen video, solo con una pregunta estoy tratando de aprender como crear una pagina web, pero los formularios no son visible alguna solucion tengo los navegadores actualizados y sublime text

[@dantepagano5247]

Vos sabes que de repente me dejo de tomar las seudo clases bro..... osea escribo los 2 puntos y el hover por ejemplo y no me lo resalta y tampoco me genera el efecto en la pagina (no funciona con ninguna pseudoclase) ...... que podra ser ?

[@codemixer3565]

Esta padre tu tema de tu editor, me podrías decir como lo consigo.

[@FalconMasters]

Se llama Mirage Ayu

[@codemixer3565]

Viene extensión de visual? o tengo que hacer otro proceso.

[@datafractal]

Las Pseudoclases son las explicadas en este video ... y las Superclases son todos los videos que Carlos Arturo Publica en este canal..

[@jjdevcode9635]

Algo que no he podido lograr con CSS es como le aplicas Pseudo-clases a un elemento en dependencia del estado otro elemento, ej: si todos los elementos requeridos fueron llenado, el boton de enviar o guardar sea visible o seleccionable. o si un radio fue selecionado una caja de texto cambie, practicamente crear una condicional en css, quizas para activar alguna animacion si realiza algun evento en otro elemento. Obvio sin requerir JS, ya se que eso se hace con JS. siempre se explica la Pseudo-clase en el mismo elemento, lo cercano a condicionales son las media-query, algo asi pero los elementos o clases se podrá hacer?

[@nifares8744]

ed.team/cursos/css

[@jesusescobar208]

Una pregunta bro.... pasa que hago esto en css con Pseudoclases input:focus{ border:3px solid red; } pero pasa que no me cambia por completo las lineas de el borde... osea yo quiero que me salga el rojo completo pero en el fondo me da un color negro... como podria hacer??

[@sineltyeichen]

input:focus {background:#ff000;}

[@danielhernandez5401]

falcom masters tutoriales

[@StarlingMiguel]

por que falcon solo usa fire fox?

[@joseusechec.7710]

Como funcionaría la pseudo-clase :defined?

[@joseusechec.7710]

conseguí este ejemplo que contestó mi pregunta: kzbin.info/www/bejne/eWjVepmVmayMpNE

[@camiloguzman2483]

No encuentro el videos de pseudo elementos 😔

[@FalconMasters]

Aquí lo tienes: kzbin.info/www/bejne/rXm8YWV8pbOMpLc

[@GianmarcoContreras]

19:08 me parece que esa p esta de mas

[@lalolg5726]

Tienes actualizado tu curso de Diseño WEB Profesional? Porque tengo algo de dinero que me estorba jajaja

[@FalconMasters]

Si, mi curso de diseño web esta actualizado.

[@jjylisto]

soy el 667, jajajaja, excelente explicacion

[@maskdesk]

nose que estoy haciendo mal pero no me funcionan, PARA NADA!!!

[@si6271]

Ola

[@MiguelHG2351]

:)

[@FalconMasters]

: )