Learn CSS combinators in 4 minutes! ➕

Поділитися
Вставка
  • Опубліковано 28 гру 2024

КОМЕНТАРІ • 34

  • @BroCodez
    @BroCodez  Рік тому +13

    Bro Code



    This is #1
    This is #2

    This is #3


    This is #4
    This is #5
    /* style.css */
    #container{
    border: 2px solid;
    }
    /* descendant
    #container p{
    background-color: hsl(60, 100%, 70%);
    }
    */
    /* child
    #container > p{
    background-color: hsl(60, 100%, 70%);
    }
    */
    /* general sibling
    #container ~ p{
    background-color: hsl(60, 100%, 70%);
    }
    */
    /* adjacent sibling
    #container + p{
    background-color: hsl(60, 100%, 70%);
    }
    */

  • @abcdabcd8605
    @abcdabcd8605 4 місяці тому +10

    Haven't seen this clear explanation on css combinators anywhere else

  • @Nostalgia_Space
    @Nostalgia_Space 6 місяців тому +7

    Straightforward and to the point. Subbed.

  • @palgrim8134
    @palgrim8134 2 місяці тому

    All I needed was a simple explanation and you provided. Just subbed

  • @sakhavataghamuradov3103
    @sakhavataghamuradov3103 2 місяці тому +1

    best explanation

  • @hiphiphorhayy
    @hiphiphorhayy 8 місяців тому +4

    Thanks for your content man I'm doing the odin project and it's making the material a lot easier to get through

    • @aaronshaw1006
      @aaronshaw1006 8 місяців тому +1

      I'm doing TOP too and this video made combinator's way less confusing!

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

      I’m doing top as well, how far along are you?

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

    Very good explanation, thanks a lot

  • @farzaneh7748
    @farzaneh7748 9 місяців тому

    Nice explanation thank you

  • @aaronshaw1006
    @aaronshaw1006 8 місяців тому +1

    Great explanation, thank you!

  • @RickWoellert
    @RickWoellert 2 місяці тому

    Awesome video.

  • @Bayan_Homs
    @Bayan_Homs 13 днів тому

    this is amazing

  • @Ella_1994
    @Ella_1994 9 місяців тому +3

    Aaaaaaaaand he did it again! web dev simplified!!!!! The coding Feynman!!!!! - Bro Code!

  • @brahimkaroui-y1v
    @brahimkaroui-y1v 8 місяців тому

    very clear explanation thank you !

  • @yasotube
    @yasotube Рік тому +3

    Keep going King 👑

  • @capslock3250
    @capslock3250 9 місяців тому

    Thanks 👍

  • @spesodukic
    @spesodukic Рік тому

    very good tnx

  • @RK-cj7vq
    @RK-cj7vq 8 місяців тому

    thank you for saving my time

  • @Monster7Johan
    @Monster7Johan Рік тому

    Nice video ❤

  • @Inv1sibleMilic
    @Inv1sibleMilic 2 місяці тому

    THE GOAT

  • @sarawarhusen5545
    @sarawarhusen5545 Рік тому

    Amazing

  • @jerksquatter
    @jerksquatter 11 місяців тому

    Wow thank you!

  • @htvital4184
    @htvital4184 Рік тому

    Thank you so much😊

  • @akshara_shashikala_achar9851
    @akshara_shashikala_achar9851 Рік тому +1

    Sir please make video on Artificial intelligence and data science how it works what the actually worker do in it what play important roles in this branch how a robots works what workers do in there job please sir make video about (Artificial intelligence and data science, Artificial intelligence and machine learning and Artificial intelligence and robotics) please sir

  • @brownsugar_bsg
    @brownsugar_bsg 8 місяців тому

    thank you

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

    i love you homie

  • @Eros470
    @Eros470 4 місяці тому

    The giga chad

  • @user-en8oo7bv6w
    @user-en8oo7bv6w 10 місяців тому

    Bro code coming in clutch

  • @redbellum
    @redbellum 5 місяців тому

    kiss me

  • @Previewplanet360
    @Previewplanet360 6 днів тому

    Explained better 🥲am glad I now understand what's going on