:First-Child :Last-Child :nth-Child(2n+1) Pseudo Selectors in CSS Master Series in Hindi #10

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

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

  • @ThapaTechnical
    @ThapaTechnical  4 года назад +19

    Guys, believe me it's awesome.. matlb all selectors ek property me. Plz share with your friends and classmates too ☺️

    • @kamalsharma2839
      @kamalsharma2839 4 года назад

      Sir, 2n-1 is correct representation of odd numbers starting from 1. 2n+1 starts counting of odd numbers from 3 and loops end at 11th because total no. of loops or n is set as 5 after 2n loop (as list is total of 10 items and styling must have been already applied to tenth also in 2n loop, provided no other pseudo loops are after like 2n+1 we had). System now unable to understand whose rule to apply for 10th 2n for being even or 2n+1 ending the loop after 2n+1 for odd rule is applied for styling.
      So, it would have been better put the equation as 2n-1 which is correct representation of odd numbers starting from 1. Most likely , this will solve the problem.
      Also, now 2n-1 elements must be declared first in css and then 2n as first odd number 1 comes before first even no. 2. It will appropriately solve 10th no. not getting proper styling problem.
      There are though several other ways too to solve, like adding an extra and make it 11 instead of 10th.

    • @usamahansari6795
      @usamahansari6795 4 года назад

      Bhai thanku so much ♥️ mujhe yeh nhi ata tha master series bhott achi banayi hai aapne once again thanku so much

    • @priyanshusaini6299
      @priyanshusaini6299 3 года назад

      11:35 li:nth-child(10n){
      }

  • @mywebsite6524
    @mywebsite6524 3 года назад

    nth-last-child(1) pseudo class to catch the last element
    And your teaching style awesome
    From Bangladesh

  • @akshatgarg6249
    @akshatgarg6249 4 года назад +3

    You're are my teacher
    You're are god
    You're are my beloved....

  • @mr_virani6307
    @mr_virani6307 4 года назад

    apkse video main se daily kuch naya sikhne ko milta hai thanks thapa technical like and share kijiye is video

  • @RajPhotoEditingMuchMore
    @RajPhotoEditingMuchMore 4 года назад +1

    Nice sir 👍 Thanks

  • @tileshwaripatel2190
    @tileshwaripatel2190 Год назад

    its really amazing...your way of explanation is very good😊..
    .thank you sir....

  • @munnikhanam111
    @munnikhanam111 3 года назад

    You are awesome 🤩🤩🤩

  • @DEEPANSHU_NAG
    @DEEPANSHU_NAG 4 года назад

    Thanks 🙏🏻 for today's video sanday ka video ka wait kr rhe h is series ko continue kre ....

  • @dhananjaygupta3895
    @dhananjaygupta3895 2 года назад

    This method of thenth child highLight using nth-child Property
    li:nth-child(2n+10){
    color: red;
    }
    And Thank You 👍 For This Video.

    • @krishna.vineet
      @krishna.vineet Год назад

      Bro, we can go 10n directly
      But I think is problem me hame ye assume krna h ki "we don't know how many childs there are"..
      Baki agar pta h to 10n is straight forward easy

  • @abhi34776
    @abhi34776 Год назад

    bhai tussi great ho

  • @kurma3992
    @kurma3992 2 года назад +2

    I don't know why iss video pe itna kam like-comments hai.
    Even it's most satisfactory video and having helthy content with lovely explanation
    Love you bro😍

  • @vivek5019
    @vivek5019 3 года назад

    Good bro👍.

  • @ine-senpai2283
    @ine-senpai2283 3 года назад +1

    Q1. 12:54
    Ans..
    li:nth-child(10){
    color: crimson;
    }

  • @aryamaurya1533
    @aryamaurya1533 4 года назад

    Your video is always awsome👌👌

  • @kaushikasutar
    @kaushikasutar 4 года назад +1

    Yes it was helpful me and my friends......

  • @ZeshanMukhtar1
    @ZeshanMukhtar1 2 года назад

    Awesome

  • @kamalsharma2839
    @kamalsharma2839 4 года назад +1

    Sir, 2n-1 is correct representation of odd numbers starting from 1. 2n+1 starts counting of odd numbers from 3 and loops end at 11th because total no. of loops or n is set as 5 after 2n loop (as list is total of 10 items and styling must have been already applied to tenth also in 2n loop, provided no other pseudo loops are after like 2n+1 we had). System now unable to understand whose rule to apply for 10th 2n for being even or 2n+1 ending the loop after 2n+1 for odd rule is applied for styling.
    So, it would have been better put the equation as 2n-1 which is correct representation of odd numbers starting from 1. Most likely , this will solve the problem.
    Also, now 2n-1 elements must be declared first in css and then 2n as first odd number 1 comes before first even no. 2. It will appropriately solve 10th no. not getting proper styling problem.
    There are though several other ways too to solve, like adding an extra and make it 11 instead of 10th.

    • @krishna.vineet
      @krishna.vineet Год назад

      Bro, logic is correct if n is natural number. Here n is whole number, starting from 0
      So first odd will be 2n+1 i.e. 1
      2n-1 will be -1, ispr alag alag browser alag alag react krenge

  • @creativeakshara8438
    @creativeakshara8438 4 года назад +1

    Sir you are great 👌😊

  • @kirann671
    @kirann671 4 года назад +2

    AWESOME ❤️

  • @aaryavaidya8774
    @aaryavaidya8774 4 года назад

    Awesome 😄

  • @shaikshamshunnissa7234
    @shaikshamshunnissa7234 3 года назад

    11:38 sir mujhe para hai nth child likna hai phir last of type

  • @mdmahmudulhasan6448
    @mdmahmudulhasan6448 3 года назад

    thank you for nice explanation

  • @nayanraval5359
    @nayanraval5359 4 года назад

    Great 😊👍

  • @programmingwithjavascript3579
    @programmingwithjavascript3579 4 года назад

    Nice video

  • @deepikakapoor9607
    @deepikakapoor9607 4 года назад

    Its well explained

  • @loopimpact
    @loopimpact 3 года назад

    great

  • @umairjon7389
    @umairjon7389 2 года назад

    App k sawal ka jawab hai 11:05
    li:nth-last-child(1){
    color: #0a3d62;}
    This meaning is
    backward counting

  • @ramanrocks1694
    @ramanrocks1694 2 года назад

    Thapa bhai, if we have a dynamic list and we want to style only last 5, how can we do using pseudo classes

  • @itcollage8987
    @itcollage8987 4 года назад

    Thanks your for your efforts

  • @RajeshKumar-ee7by
    @RajeshKumar-ee7by 4 года назад +2

    9n+1 is for last

  • @ankitabharuka1945
    @ankitabharuka1945 4 года назад

    Please tell which is that website from where you take colors

  • @sasta_youtuberrr
    @sasta_youtuberrr 2 года назад

    sir 1,3,6,10,15 is series mai nth-child kese use karenge

  • @saurabhbhaskar7964
    @saurabhbhaskar7964 4 года назад

    How to apply color to middle child without JS for dynamic number of elements?

  • @arvind677
    @arvind677 Год назад

    Thankyou sir

  • @levelxgamingyt
    @levelxgamingyt 4 года назад

    Super bro

  • @akankshagarg5400
    @akankshagarg5400 4 года назад

    Awesome sir.. sir your all tutorial vedios are amazing. Thanks you sir..
    Sir main ek courier company me work kr rahi hun par usme muje track id add krna hai.. usko kaise add krun.. location kaise bta chalegi.. coding?? Please sir guide me

  • @asnpatil
    @asnpatil 4 года назад

    Nice

  • @sunzarzar6059
    @sunzarzar6059 3 года назад

    hello sir can you make a series of html css projects?like 10 or 20 videos together by creating paylist?

  • @kinjalgala8214
    @kinjalgala8214 4 года назад

    Can you make a video on prototypal inheritance

  • @johnthapa1879
    @johnthapa1879 4 года назад

    Thank you so much ☺️

  • @ashishkumarsah9356
    @ashishkumarsah9356 4 года назад +1

    Nth-child(10n)
    Nth-child(10)
    nth-child(5n+5n)
    nth-child(5n+5):not(nth-child(5))

  • @sudippatil7672
    @sudippatil7672 3 года назад

    It can be 2n+3 for odd elements without first.

  • @ashharmansuri6816
    @ashharmansuri6816 4 года назад +1

    Ki:nth-child(10){
    Color: orange;
    }

  • @khushibatra3531
    @khushibatra3531 3 года назад

    Nth-last-child(1) se last ka color change ho jayega

  • @MomolandQueen
    @MomolandQueen 4 года назад +1

    Sir aap jo code run karate ho uska PDF de diya kariye bahut achha rahega

  • @AnuragRawat01
    @AnuragRawat01 9 месяцев назад

    🎉🎉🎉🎉

  • @elliotwavetrader8090
    @elliotwavetrader8090 4 года назад

    Bro I seen your many videos. Nice efforts.Your way of teaching is very good. Can you make one video a comparison between flex box, display -inline block, grid , float: left . Which one is best to use. Or any like. No such comparison done by any youtuber. And newbies get confused in that. That may be one of the most watched video possible. Think if you feel fit then make such video.

  • @kiranmali4228
    @kiranmali4228 4 года назад

    Thapa sir, you are rocking. really helpful all the tutorials. I wish your all wishes complete. One question: Could you please tell me which software are you using for your video editing???

  • @SafarwithAarush
    @SafarwithAarush 4 года назад

    Thanks for these awesome tutorials. Make a tutorial on - How to make a slider.

  • @anamikamishra2152
    @anamikamishra2152 4 года назад

    Thankuuuuu

  • @ikrammohammad85
    @ikrammohammad85 4 года назад

    i want to learn ES6, i watched all your video, please sir guide kro kahan se start kro, mujeh basic se start karna hai

  • @shivomchauhan
    @shivomchauhan 4 года назад

    Sunday kab he aur kitna wait karna padega

  • @ikrammohammad85
    @ikrammohammad85 4 года назад

    Thanks, Very useful video sir, i have request please create video on bitbucket with and how to host website on bitbucket

  • @parthlangaliya4522
    @parthlangaliya4522 4 года назад

    hey bro please make Restaurant Website using html css and react or bootstrap .

  • @suvendupaul644
    @suvendupaul644 3 года назад

    Using :nth-last-child(2) you can select last child element of parent

  • @yatharthsingh4997
    @yatharthsingh4997 3 года назад

    Nth-child (2n + 10)
    {
    Color: red;
    }

  • @24manojp
    @24manojp 3 года назад +1

    Hi,
    Consider below code,
    Div 1
    Div 2
    Div 3
    Div 4
    Div 5
    How to select 2nd div under parentDiv??

  • @AlanSchooll
    @AlanSchooll 3 года назад

    li:nth-child(odd)
    li:nth-child(even)

  • @sahibdadsakhizada5563
    @sahibdadsakhizada5563 3 года назад

    with the help of 10n we can change the line of tenth

  • @madhusudanmandal2988
    @madhusudanmandal2988 4 года назад

    li:Last-childi{color:skyblue;}

  • @PiyushKumar-ds2pz
    @PiyushKumar-ds2pz 4 года назад

    🥰

  • @jeeveshdev204
    @jeeveshdev204 4 года назад

    2n-1 chalega

  • @pritamchakraborty4407
    @pritamchakraborty4407 4 года назад

    1st comment

  • @shvetakumar4376
    @shvetakumar4376 4 года назад +1

    Sorry got late

  • @bollywoodksr3923
    @bollywoodksr3923 4 года назад

    React se tiktok application kaise banaye

  • @masticode5217
    @masticode5217 4 года назад +1

    Nth child ke liye n-1+1