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

[@ThapaTechnical]

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

[@kamalsharma2839]

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]

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

[@priyanshusaini6299]

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

[@akshatgarg6249]

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

[@mywebsite6524]

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

[@mr_virani6307]

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

[@kurma3992]

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😍

[@abhi34776]

agree

[@ine-senpai2283]

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

[@dhananjaygupta3895]

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]

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

[@tileshwaripatel2190]

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

[@kamalsharma2839]

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]

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

[@DEEPANSHU_NAG]

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

[@RajPhotoEditingMuchMore]

Nice sir 👍 Thanks

[@kaushikasutar]

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

[@munnikhanam111]

You are awesome 🤩🤩🤩

[@creativeakshara8438]

Sir you are great 👌😊

[@aryamaurya1533]

Your video is always awsome👌👌

[@AnuragRawat01]

🎉🎉🎉🎉

[@kirann671]

AWESOME ❤️

[@abhi34776]

bhai tussi great ho

[@mdmahmudulhasan6448]

thank you for nice explanation

[@ZeshanMukhtar1]

Awesome

[@ramanrocks1694]

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

[@vivek5019]

Good bro👍.

[@programmingwithjavascript3579]

Nice video

[@ashharmansuri6816]

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

[@itcollage8987]

Thanks your for your efforts

[@akankshagarg5400]

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

[@arvind677]

Thankyou sir

[@loopimpact]

great

[@sasta_youtuberrr]

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

[@ankitabharuka1945]

Please tell which is that website from where you take colors

[@aaryavaidya8774]

Awesome 😄

[@deepikakapoor9607]

Its well explained

[@ashishkumarsah9356]

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

[@elliotwavetrader8090]

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.

[@saurabhbhaskar7964]

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

[@RajeshKumar-ee7by]

9n+1 is for last

[@yatharthsingh4997]

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

[@nayanraval5359]

Great 😊👍

[@AlanSchooll]

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

[@anamikamishra2152]

Thankuuuuu

[@khushibatra3531]

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

[@MomolandQueen]

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

[@levelxgamingyt]

Super bro

[@johnthapa1879]

Thank you so much ☺️

[@shaikshamshunnissa7234]

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

[@kinjalgala8214]

Can you make a video on prototypal inheritance

[@sunzarzar6059]

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

[@shivomchauhan]

Sunday kab he aur kitna wait karna padega

[@madhusudanmandal2988]

li:Last-childi{color:skyblue;}

[@kiranmali4228]

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

[@ditinagrawal3182]

Filmora

[@sudippatil7672]

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

[@ikrammohammad85]

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

[@pritamchakraborty4407]

1st comment

[@asnpatil]

Nice

[@SafarwithAarush]

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

[@ikrammohammad85]

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

[@PiyushKumar-ds2pz]

🥰

[@umairjon7389]

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

[@suvendupaul644]

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

[@siam7482]

Not working

[@sahibdadsakhizada5563]

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

[@parthlangaliya4522]

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

[@jeeveshdev204]

2n-1 chalega

[@24manojp]

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

[@shvetakumar4376]

Sorry got late

[@bollywoodksr3923]

React se tiktok application kaise banaye

[@masticode5217]

Nth child ke liye n-1+1

[@abhilakshbansal9342]

Abe lgane ki zaroort nhi iske liye