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

Поділитися
Вставка
  • Опубліковано 19 вер 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

  • @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

  • @eduardorivas6959
    @eduardorivas6959 3 місяці тому

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

  • @daysicortez3090
    @daysicortez3090 4 роки тому +9

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

  • @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

  • @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!

  • @teloensenofacilito.5211
    @teloensenofacilito.5211 4 роки тому +3

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

  • @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 UA-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.

  • @gerardoluisbv
    @gerardoluisbv 3 роки тому +1

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

  • @carolinazozaya8243
    @carolinazozaya8243 2 роки тому

    Excelente video, muchas gracias por tu contenido

  • @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.

  • @hoopaseneca
    @hoopaseneca 2 роки тому

    Espectacular!!! Gracias por el tutorial :D

  • @snaidergarcia3857
    @snaidergarcia3857 2 роки тому

    Gracias por compartir tu conocimiento

  • @khisus20
    @khisus20 2 роки тому

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

  • @lucastinwav29
    @lucastinwav29 4 роки тому

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

  • @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!

  • @resario89
    @resario89 2 роки тому

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

  • @saramigoya5046
    @saramigoya5046 4 роки тому

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

  • @kikevanegazz325
    @kikevanegazz325 2 роки тому

    Excelente explicación. Gracias Falcon!

  • @codepunk77
    @codepunk77 3 роки тому

    El mejor instructor de front!

  • @jerlandejoseph4350
    @jerlandejoseph4350 3 роки тому

    este es lo que siempre quise

  • @damianm2436
    @damianm2436 2 роки тому

    Excelente servicio 🤪 como siempre. ¡Muchas gracias!

  • @skeetpurple2531
    @skeetpurple2531 3 роки тому

    Muchas gracias por este vídeo, lo valoro mucho

  • @federicoraulmaciasaparicio1339
    @federicoraulmaciasaparicio1339 4 роки тому

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

  • @jimbotronico
    @jimbotronico 3 роки тому

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

  • @bautista-cutraro
    @bautista-cutraro 4 роки тому +2

    muy buen video!
    faltó el :not()

  • @ijeanpierrebp
    @ijeanpierrebp 3 роки тому

    excelente, muchas gracias!

  • @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

  • @michaelortega1267
    @michaelortega1267 3 роки тому +1

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

  • @dearalex2056
    @dearalex2056 3 роки тому

    Buenisimo video!

  • @sebastianlozano7707
    @sebastianlozano7707 Місяць тому

    videazo!

  • @gaby.sanchez3445
    @gaby.sanchez3445 4 роки тому

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

  • @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.

  • @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

  • @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?

  • @elgatodiego
    @elgatodiego 4 роки тому

    Muchisimas Gracias

  • @silfridobenitez8046
    @silfridobenitez8046 4 роки тому

    Puedes explicar los selectores adyacentes por favor

  • @trafalgard.andrade7936
    @trafalgard.andrade7936 3 роки тому

    Genial ! :)

  • @graffittering-3540
    @graffittering-3540 2 роки тому

    Puedo usar una pseudo-clase de css desde javascript?

  • @mayrainfanzon635
    @mayrainfanzon635 4 роки тому

    Eres un genio !

  • @sheffomp
    @sheffomp 4 роки тому

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

  • @denncriss3082
    @denncriss3082 4 роки тому

    que tema utilizas para vscode

  • @matiashau5985
    @matiashau5985 4 роки тому

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

  • @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?

  • @romuloalves9349
    @romuloalves9349 4 роки тому +1

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

  • @hamermohamed4193
    @hamermohamed4193 4 роки тому

    muy buen video

  • @franciscoj.alvarezs.9426
    @franciscoj.alvarezs.9426 3 роки тому

    Espectacular!!!

  • @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.

  • @lionc5185
    @lionc5185 4 роки тому

    Buena explicación (like)

  • @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

  • @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??

  • @xavierospina5883
    @xavierospina5883 4 роки тому

    1000 likes para ti, gracias

  • @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?

  • @DuzZeus
    @DuzZeus 4 роки тому

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

  • @danielhernandez5401
    @danielhernandez5401 2 роки тому

    falcom masters tutoriales

  • @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 ?

  • @datafractal
    @datafractal 4 роки тому +1

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

  • @joseusechec.7710
    @joseusechec.7710 2 роки тому

    Como funcionaría la pseudo-clase :defined?

    • @joseusechec.7710
      @joseusechec.7710 2 роки тому

      conseguí este ejemplo que contestó mi pregunta:
      ua-cam.com/video/C7rIf_dGYno/v-deo.html

  • @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.

  • @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.

  • @StarlingMiguel
    @StarlingMiguel 4 роки тому

    por que falcon solo usa fire fox?

  • @GianmarcoContreras
    @GianmarcoContreras 3 роки тому +1

    19:08 me parece que esa p esta de mas

  • @jjylisto
    @jjylisto 4 роки тому

    soy el 667, jajajaja, excelente explicacion

  • @camiloguzman2483
    @camiloguzman2483 4 роки тому

    No encuentro el videos de pseudo elementos 😔

    • @FalconMasters
      @FalconMasters  4 роки тому

      Aquí lo tienes: ua-cam.com/video/wHY02FpNYnU/v-deo.html

  • @maskdesk
    @maskdesk 2 роки тому

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

  • @si6271
    @si6271 4 роки тому

    Ola

  • @MiguelHG2351
    @MiguelHG2351 4 роки тому

    :)