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

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ส.ค. 2024

ความคิดเห็น • 88

  • @FalconMasters
    @FalconMasters  4 ปีที่แล้ว +39

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

  • @reypez
    @reypez 4 ปีที่แล้ว +37

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

    • @FalconMasters
      @FalconMasters  4 ปีที่แล้ว +4

      Muchas gracias!

    • @missanddiie
      @missanddiie 4 ปีที่แล้ว +3

      Estamos de acuerdo
      A FalconMasters y EDTeam

  • @eduardorivas6959
    @eduardorivas6959 2 หลายเดือนก่อน

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

  • @emmanuelsanchg1470
    @emmanuelsanchg1470 2 ปีที่แล้ว +15

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

  • @ainealcaraz2778
    @ainealcaraz2778 ปีที่แล้ว +1

    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
      @FalconMasters  ปีที่แล้ว

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

  • @DaggCover
    @DaggCover 4 ปีที่แล้ว +1

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

  • @daysicortez3090
    @daysicortez3090 4 ปีที่แล้ว +9

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

  • @selina-io7ec
    @selina-io7ec 3 ปีที่แล้ว +2

    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 TH-cam. 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.

  • @teloensenofacilito.5211
    @teloensenofacilito.5211 4 ปีที่แล้ว +3

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

    • @rfclandesto3741
      @rfclandesto3741 3 ปีที่แล้ว

      ¿Ya trabajas como desarrollador?

  • @gerardoluisbv
    @gerardoluisbv 2 ปีที่แล้ว +1

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

  • @XChriSBaTa24
    @XChriSBaTa24 3 ปีที่แล้ว

    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
      @FalconMasters  3 ปีที่แล้ว

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

  • @carolinazozaya8243
    @carolinazozaya8243 ปีที่แล้ว

    Excelente video, muchas gracias por tu contenido

  • @lucastinwav29
    @lucastinwav29 4 ปีที่แล้ว

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

  • @hoopaseneca
    @hoopaseneca 2 ปีที่แล้ว

    Espectacular!!! Gracias por el tutorial :D

  • @bautista-cutraro
    @bautista-cutraro 4 ปีที่แล้ว +2

    muy buen video!
    faltó el :not()

    • @danielcunza
      @danielcunza 3 ปีที่แล้ว

      Para que sirve el :not?

  • @sebastianlozano7707
    @sebastianlozano7707 10 วันที่ผ่านมา

    videazo!

  • @jerlandejoseph4350
    @jerlandejoseph4350 3 ปีที่แล้ว

    este es lo que siempre quise

  • @snaidergarcia3857
    @snaidergarcia3857 2 ปีที่แล้ว

    Gracias por compartir tu conocimiento

  • @AlvaroMendozaRios
    @AlvaroMendozaRios 3 ปีที่แล้ว +1

    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.

  • @khisus20
    @khisus20 2 ปีที่แล้ว

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

  • @michaelortega1267
    @michaelortega1267 3 ปีที่แล้ว +1

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

  • @damianm2436
    @damianm2436 2 ปีที่แล้ว

    Excelente servicio 🤪 como siempre. ¡Muchas gracias!

  • @codepunk77
    @codepunk77 3 ปีที่แล้ว

    El mejor instructor de front!

  • @saramigoya5046
    @saramigoya5046 4 ปีที่แล้ว

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

  • @skeetpurple2531
    @skeetpurple2531 3 ปีที่แล้ว

    Muchas gracias por este vídeo, lo valoro mucho

  • @zafena1199
    @zafena1199 4 ปีที่แล้ว

    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

  • @resario89
    @resario89 2 ปีที่แล้ว

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

  • @kikevanegazz325
    @kikevanegazz325 2 ปีที่แล้ว

    Excelente explicación. Gracias Falcon!

  • @jimbotronico
    @jimbotronico 3 ปีที่แล้ว

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

  • @ijeanpierrebp
    @ijeanpierrebp 3 ปีที่แล้ว

    excelente, muchas gracias!

  • @federicoraulmaciasaparicio1339
    @federicoraulmaciasaparicio1339 4 ปีที่แล้ว

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

  • @dearalex2056
    @dearalex2056 3 ปีที่แล้ว

    Buenisimo video!

  • @zNareak
    @zNareak 4 ปีที่แล้ว

    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
      @DuzZeus 4 ปีที่แล้ว

      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.

  • @gaby.sanchez3445
    @gaby.sanchez3445 4 ปีที่แล้ว

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

  • @silfridobenitez8046
    @silfridobenitez8046 4 ปีที่แล้ว

    Puedes explicar los selectores adyacentes por favor

  • @josezavala5972
    @josezavala5972 3 ปีที่แล้ว

    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?

  • @trafalgard.andrade7936
    @trafalgard.andrade7936 3 ปีที่แล้ว

    Genial ! :)

  • @homer2226
    @homer2226 2 ปีที่แล้ว

    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

  • @sheffomp
    @sheffomp 4 ปีที่แล้ว

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

  • @matiashau5985
    @matiashau5985 4 ปีที่แล้ว

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

  • @denncriss3082
    @denncriss3082 4 ปีที่แล้ว

    que tema utilizas para vscode

  • @graffittering-3540
    @graffittering-3540 2 ปีที่แล้ว

    Puedo usar una pseudo-clase de css desde javascript?

  • @elgatodiego
    @elgatodiego 4 ปีที่แล้ว

    Muchisimas Gracias

  • @mayrainfanzon635
    @mayrainfanzon635 4 ปีที่แล้ว

    Eres un genio !

  • @cristianalvarez5169
    @cristianalvarez5169 3 ปีที่แล้ว

    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
    @DuzZeus 4 ปีที่แล้ว

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

  • @missanddiie
    @missanddiie 4 ปีที่แล้ว

    Grande monstro, eres el mejor.

  • @josee9465
    @josee9465 4 ปีที่แล้ว

    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.

  • @elamanestradabran4127
    @elamanestradabran4127 4 ปีที่แล้ว

    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
    @dantepagano5247 3 ปีที่แล้ว

    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 ?

  • @hamermohamed4193
    @hamermohamed4193 4 ปีที่แล้ว

    muy buen video

  • @romuloalves9349
    @romuloalves9349 4 ปีที่แล้ว +1

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

  • @franciscoj.alvarezs.9426
    @franciscoj.alvarezs.9426 3 ปีที่แล้ว

    Espectacular!!!

  • @jjdevcode9635
    @jjdevcode9635 4 ปีที่แล้ว

    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
      @nifares8744 4 ปีที่แล้ว

      ed.team/cursos/css

  • @lionc5185
    @lionc5185 4 ปีที่แล้ว

    Buena explicación (like)

  • @xavierospina5883
    @xavierospina5883 4 ปีที่แล้ว

    1000 likes para ti, gracias

  • @jesusescobar208
    @jesusescobar208 4 ปีที่แล้ว

    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
      @sineltyeichen 3 ปีที่แล้ว

      input:focus {background:#ff000;}

  • @joseusechec.7710
    @joseusechec.7710 2 ปีที่แล้ว

    Como funcionaría la pseudo-clase :defined?

    • @joseusechec.7710
      @joseusechec.7710 2 ปีที่แล้ว

      conseguí este ejemplo que contestó mi pregunta:
      th-cam.com/video/C7rIf_dGYno/w-d-xo.html

  • @danielhernandez5401
    @danielhernandez5401 2 ปีที่แล้ว

    falcom masters tutoriales

  • @StarlingMiguel
    @StarlingMiguel 4 ปีที่แล้ว

    por que falcon solo usa fire fox?

  • @codemixer3565
    @codemixer3565 4 ปีที่แล้ว

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

    • @FalconMasters
      @FalconMasters  4 ปีที่แล้ว

      Se llama Mirage Ayu

    • @codemixer3565
      @codemixer3565 4 ปีที่แล้ว

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

  • @juanjoseperez9047
    @juanjoseperez9047 4 ปีที่แล้ว +1

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

  • @lalolg5726
    @lalolg5726 4 ปีที่แล้ว +1

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

    • @FalconMasters
      @FalconMasters  4 ปีที่แล้ว

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

  • @GianmarcoContreras
    @GianmarcoContreras 3 ปีที่แล้ว +1

    19:08 me parece que esa p esta de mas

  • @camiloguzman2483
    @camiloguzman2483 4 ปีที่แล้ว

    No encuentro el videos de pseudo elementos 😔

    • @FalconMasters
      @FalconMasters  4 ปีที่แล้ว

      Aquí lo tienes: th-cam.com/video/wHY02FpNYnU/w-d-xo.html

  • @jjylisto
    @jjylisto 3 ปีที่แล้ว

    soy el 667, jajajaja, excelente explicacion

  • @maskdesk
    @maskdesk 2 ปีที่แล้ว

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

  • @si6271
    @si6271 4 ปีที่แล้ว

    Ola

  • @MiguelHG2351
    @MiguelHG2351 4 ปีที่แล้ว

    :)