Learn CSS :not() and :has() selector in 6 Minutes

Поделиться
HTML-код
  • Опубликовано: 6 янв 2025

Комментарии • 53

  • @magmamax
    @magmamax 5 месяцев назад +6

    I've learn more with your videos that everything that teach me back in college. Thanks you sensei

  • @AdamChou-mu3ow
    @AdamChou-mu3ow 2 месяца назад +2

    this video deserve ⭐⭐⭐⭐⭐⭐

  • @ameencoding
    @ameencoding 5 месяцев назад +3

    I thanks youtube for showing me such a channel like this.
    Many thanks fabian 🙌🥰

  • @josemanuelgonzalez816
    @josemanuelgonzalez816 3 месяца назад +2

    Thanks for sharing this awesome knowledge and amazing skills! Really cool, powerfull and useful CSS only coding!

  • @manfromexistence
    @manfromexistence 5 месяцев назад +3

    Very helpful video, I almost don't have much motivation to learn about these CSS selectors. Thanks

  • @marvelxcodes
    @marvelxcodes 5 месяцев назад +6

    Great work man😊

  • @AliBilal-c3b
    @AliBilal-c3b 5 месяцев назад +2

    please don't stop continue
    thank you sir

  • @Escko
    @Escko 5 месяцев назад +2

    This is really excellent Fabian, thank you!!!

    • @coding2go
      @coding2go  5 месяцев назад +1

      Glad you like it!

  • @goxyazk751
    @goxyazk751 5 месяцев назад +2

    Great channel! Very well done explanations!

    • @coding2go
      @coding2go  5 месяцев назад +1

      Thank you very much!

  • @Agent_Ebbs
    @Agent_Ebbs 5 месяцев назад +3

    Interesting as always 😊

  • @AbdullahiMusaKidandan
    @AbdullahiMusaKidandan 5 дней назад

    You are special and unique. ❤

  • @inteltone
    @inteltone 5 месяцев назад +1

    Thanks a lot for this video. It really helped!

  • @EyadMohamed-yn5py
    @EyadMohamed-yn5py 5 месяцев назад +3

    Thank you , please continue even if you don't get views❤❤

    • @Code_Cosmoss
      @Code_Cosmoss 5 месяцев назад

      Was this a compliment? 🤔😶

    • @saeentist-hb
      @saeentist-hb 5 месяцев назад

      he would reach there someday, you guys can spread his videos

  • @waleedbinshabbir1542
    @waleedbinshabbir1542 5 месяцев назад +1

    I really like your videos, very informative.

    • @coding2go
      @coding2go  5 месяцев назад

      I appreciate that!

  • @abrowndude
    @abrowndude 5 месяцев назад +1

    wow this is very useful thank you so mush!

  • @JustinDomanais
    @JustinDomanais 4 месяца назад +1

    DAMN! That's insane!

  • @pyx004
    @pyx004 5 месяцев назад +1

    your videos are very helpfull❤.
    Can you make a video about "isolation: isolate" property in css.

  • @Programmerevangadi
    @Programmerevangadi 5 месяцев назад

    You know what you are better than keven Powell keep it up bro

  • @Pawfessor1
    @Pawfessor1 5 месяцев назад +1

    my "Liked Videos" playlist are full of your videos😂❤

  • @rdcasual7352
    @rdcasual7352 17 дней назад

    Thank you so much sir but had a question, where do you read all these new information and knowledge ?

  • @saeentist-hb
    @saeentist-hb 5 месяцев назад +1

    bro please don't stop

  • @akastewart
    @akastewart 5 месяцев назад +3

    Cool proof-of-concept, but really on suitable for scenarios where every product is loaded into the page by default - i.e. no pagination that requires DB/server calls. So, while the demo is cool, the technique likely has limited utility in those scenarios in reality.
    For scenarios where the number of products/items presented is low enough to not need pagination, the list is likely sufficiently quick and easy to navigate that filters become slightly redundant.
    /thinking-out-loud

    • @coding2go
      @coding2go  5 месяцев назад

      You are absolutely right. The example was a fun little exercise to see what's possible with css only. The tutorial is meant to explain how these pseudo-classes work and not how to build a feature like that in a real project. Thanks for pointing that out ✌️

  • @PicSta
    @PicSta 5 месяцев назад

    Could share a CodePen or source code on the website? Would be great. Amazing tutorial as always. Never thought you could achieve that with CSS only.

  • @savan-kumar-sk
    @savan-kumar-sk 5 месяцев назад +3

    Wow 😲👍
    Css is Programming language now😂
    Great Work 👍👏🥳🥳

  • @Pawfessor1
    @Pawfessor1 5 месяцев назад

    can you do scroll() or view() content next?

  • @ButoyiRichard-ld5gb
    @ButoyiRichard-ld5gb 5 месяцев назад

    Can we demonstrate how no and has work from scratch step by step

  • @manfromexistence
    @manfromexistence 5 месяцев назад +1

    And my-favorite.css file is better!

  • @DarhleiDarhlei
    @DarhleiDarhlei 8 часов назад

    Can you show us full tutorial

  • @BobFrTube
    @BobFrTube 5 месяцев назад

    Very nice but assumes that a keyword is unique among all dropdowns. Would id make more sense to use "#color option:: rather than just option?

    • @coding2go
      @coding2go  5 месяцев назад

      Yes, selecting the option using its id would be a safer approach.

  • @saivamsi6214
    @saivamsi6214 5 месяцев назад

    Java script complete explanation please

  • @danielgago-sk
    @danielgago-sk 5 месяцев назад

    So what was I learning JS for then... 🙂 I see that I have to "learn properly" modern CSS...

    • @coding2go
      @coding2go  5 месяцев назад

      It sure doesn't hurt to learn both. JavaScript is a powerful programming language that you should definitely continue learning, but modern CSS is getting increasingly more powerful too :)

    • @saeentist-hb
      @saeentist-hb 5 месяцев назад

      you should know about something to avoid that :P

  • @Igloo12-o1w
    @Igloo12-o1w 5 месяцев назад +1

    Sir i have a problem from many months that is....i have problem in understanding that in which div we have to give flex for example: i have 2 div a container and a logo div now i have to center a logo then to which of one div should be given flex box.....Its so confusing for.me pls Sir reply me and pls make more advance vids for css

    • @Rohan-hx7ry
      @Rohan-hx7ry 5 месяцев назад

      Suppose we create a parent div and inside it two child div then we need to give flex property, align-items:center and justify content: center, to make child div go to center, so keep this in mind whenever you want to manipulate position of div, give flex to it's parent and other efficient properties..... Hope this meets your expected solution

    • @Igloo12-o1w
      @Igloo12-o1w 5 месяцев назад

      @@Rohan-hx7ry thank u very much bro 🤩

    • @Igloo12-o1w
      @Igloo12-o1w 5 месяцев назад

      @@Rohan-hx7ry bro my live server is not working properly what can be the problem

    • @Rohan-hx7ry
      @Rohan-hx7ry 5 месяцев назад

      @@Igloo12-o1w bro i don't know about this, I have heard people have this problem often but but don't know the solution, maybe try reinstalling vs code and do it while watching a vscode installation tutorial

    • @saeentist-hb
      @saeentist-hb 5 месяцев назад

      parents should be flexible in positioning their chilren :)

  • @mdebrahimhossen3150
    @mdebrahimhossen3150 5 месяцев назад +1

    Hi

  • @Coding_Tricks771
    @Coding_Tricks771 5 месяцев назад

    A subscriber is looking for source code (Me)

    • @saeentist-hb
      @saeentist-hb 5 месяцев назад +1

      just type bro, you will never forget it

  • @codesthenos
    @codesthenos 5 месяцев назад

    but you repeat yourself A LOT, and now imagine we want to scale this to multiple brands, many more colors.... that's why react and techs like that were created, plus I'm not pro of CSS, but probably you can do this exact same thing without repeating that much the same code only changing a value