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

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 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

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

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

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

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

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

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

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

    Nice sir 👍 Thanks

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

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

  • @ine-senpai2283
    @ine-senpai2283 3 ปีที่แล้ว +1

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

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

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

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

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

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

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

    You are awesome 🤩🤩🤩

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

    Your video is always awsome👌👌

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

    Please tell which is that website from where you take colors

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

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

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

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

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

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

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

    Sir you are great 👌😊

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

    Good bro👍.

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

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

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

    AWESOME ❤️

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

    bhai tussi great ho

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

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

    Can you make a video on prototypal inheritance

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

    Awesome

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

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

    Awesome 😄

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

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

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

    thank you for nice explanation

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

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

  • @AnuragRawat01
    @AnuragRawat01 9 หลายเดือนก่อน

    🎉🎉🎉🎉

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

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

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

    Nice video

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

    Great 😊👍

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

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

    Thanks your for your efforts

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

    great

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

    Its well explained

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

    Sunday kab he aur kitna wait karna padega

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

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

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

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

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

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

    Thankyou sir

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

    Thankuuuuu

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

    Thank you so much ☺️

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

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

  • @RajeshKumar-ee7by
    @RajeshKumar-ee7by 4 ปีที่แล้ว +2

    9n+1 is for last

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

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

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

    Super bro

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

    Nice

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

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

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

      Not working

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

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

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

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

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

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

  • @PiyushKumar-ds2pz
    @PiyushKumar-ds2pz 4 ปีที่แล้ว

    🥰

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

    li:Last-childi{color:skyblue;}

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

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

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

    2n-1 chalega

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

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

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

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