CSS Tutorial: Attribute & nth child pseudo Selectors | Web Development Tutorials #32

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

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

  • @hastaggaming4185
    @hastaggaming4185 4 года назад +53

    You're the only one person who provide all stuff free
    Hats off...
    Applause...
    One of the Greatest person...
    Thank Sir....

  • @engineerbhai7642
    @engineerbhai7642 5 лет назад +71

    You are genius and excellent programmer.

  • @CodetoFuture
    @CodetoFuture Год назад +19

    Tip: if you really want to get faster at using emmet. You can use some tricks to help you do this 1:31, the div ul and li faster, To do it you have to first type div.container>ul>li.item-$*5. This will do it faster. for explanation, You all know the first one div.container, means adding a class then we are using greater than sign or > to say that the div contains ul and again we use it to tell that ul contains li.item-$*5 (li with class item and add numbers automatically item-1, item-2 and so on. We are using the * sign to add the li 5 times inside the ul)

    • @CodetoFuture
      @CodetoFuture Год назад +2

      Thank you for these videos harry, I have learned a lot till here and I will learn even more

    • @iamparikshitsingh
      @iamparikshitsingh Год назад +2

      hame to jaise pta hi nhi tha lollll

    • @RiseofDevil
      @RiseofDevil Год назад +2

      underrated comment!

    • @CodetoFuture
      @CodetoFuture Год назад +1

      @@RiseofDevil Glad to help!

  • @himanshupandey1325
    @himanshupandey1325 4 года назад +107

    I have just started to learn web development, I dont know anything about other teachers but surely, the amount of effort that you have put, In making this series is very commendable. It surely can not be repayed by any mean. Thank you a lot,,😊

    • @vishnuraj.g9946
      @vishnuraj.g9946 2 года назад +3

      Bro you get any job now

    • @technicalraj5887
      @technicalraj5887 2 года назад +1

      @@vishnuraj.g9946 mare job joti chhe

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

      likewise😊

    • @emkaywho
      @emkaywho 2 года назад +1

      I had five items in Li. When i selected 3 as a nth child, nothing happened. When i changed it to 4, my first item showed the changes. When i changed to 5, then 2 item changed. What's wrong with it?
      When i type 2n+0, then odd ones get those changes instead of even ones
      My even child are working for odd and vice versa 😭.
      HELP.

    • @sanskarmalviya3493
      @sanskarmalviya3493 Год назад +1

      ​@@emkaywho just copy the code from his source code website and check the error you made in your code

  • @bhau1843
    @bhau1843 Год назад +11

    4:10 pseudo selector syntax
    5:31 pseudo selector syntax 2
    7:09 pseudo selector syntax 3
    9:02 nth child pseudo selector

  • @gopalkrishnapattanaik9962
    @gopalkrishnapattanaik9962 3 года назад +2

    bohat se educator course start kar k bich me chhod dete hai achhi baat ye hai ki harry bhai aap unme se nehi h.....aur aapki level to manna padega👏👌👌

  • @n066kushalwagh8
    @n066kushalwagh8 3 года назад +13

    Yellow colour be like: gazab beijjati hain 🤣🤣😂😂😂

  • @aditisharma9412
    @aditisharma9412 4 года назад +5

    You are the bestest trainer on RUclips....Thank you harry sir..:)

  • @rimshamaryam6317
    @rimshamaryam6317 2 года назад +10

    2022🙋‍♀....Literally, I learn a lot from your tutorials. You are an amazing "Teacher". I'm really enjoying this course. Thank you!

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

      konse lacture par ho ab aap or ek din me kitne hour karte ho coding plz tell

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

      Same

    • @AbdulJabbar-vu9ou
      @AbdulJabbar-vu9ou 2 года назад

      Wa Alasikum Slam

    • @HamzaKhan-xx8mi
      @HamzaKhan-xx8mi Год назад

      ​@@AbdulJabbar-vu9ou usne slam to nhi kia...or aap asay hi walikum lkh rhay ho 😂

  • @MuhammadFarhan-ri3gg
    @MuhammadFarhan-ri3gg 4 года назад +6

    Your methodology to elaborate is very appreciating and now started to love this course❤❤

  • @Knowledgeduniya1432
    @Knowledgeduniya1432 Год назад +1

    Harry bhai ki jai ho ❤🙏🏻👑

  • @thrivingtime
    @thrivingtime Год назад +1

    i loved the sound of your keyboard ❣

  • @ronycb7168
    @ronycb7168 10 месяцев назад +1

    For future self - write ':' to get attributes in HTML before tab pressing space, like for e.g. "a:link" "input:text" "input:password"!! Also write after colons to get fun emoji n stickers on yt 😲 🎓

  • @FarazKhan-dy5nq
    @FarazKhan-dy5nq 3 года назад +2

    Joined two weeks ago. i'm learning more than i could learn through w3schools. love from Pakistan❤

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

    Great explanation , this is really good that RUclips have such a great course. I would like to thank you Harry bhai for helping the upcoming youths of the country in learning web development , android development and ios development and many more for no price. Just what we need is our determination towards learning things in life. Thank you.

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

    Thankyou very much harry bhai.
    you are the best person in the world.
    apke jaisa koi nahi iss dunia mee.

  • @PANKAJKUMAR-fe8zn
    @PANKAJKUMAR-fe8zn 4 года назад +6

    Amazing tutorial sir...u r one of my favourite tutor..💞💞💞

  • @ronycb7168
    @ronycb7168 10 месяцев назад +1

    For future self - Square brackets are for attribute selectors and Colon is for pseudo-class selectors in CSS. The nth child pseudo-class selectors apply to siblings of the selected type and is created using the :nth-child pseudo-class with number or formula in brackets ( )

  • @Shadab-WordPress
    @Shadab-WordPress Год назад +1

    I have completed lecture no 32 just now. Very much happy to come here this far. Goal set to complete the CSS in next two days. After that will go to JS.

  • @KhanChughtai
    @KhanChughtai 2 месяца назад

    You are the best teacher of time sir.

  • @sktamim_01
    @sktamim_01 4 года назад +4

    I'm very thankful to you sir.
    I learned many of things from your video.Thanks for giving us so much for free.
    may god bless you.
    Sir You are great

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

    no one
    literally no one:
    harry bhai in every video : guyz plz plz playlist access krloo may nay playlist bana rakhy ha. xD ahahhah.

  • @Dineshtamang6267
    @Dineshtamang6267 2 года назад +3

    Love your progress 😍
    your tutorial are precious..💕💖

  • @GhostRider-uu6oh
    @GhostRider-uu6oh 4 года назад +385

    Areyy bhai jisne playlist ko access nahi kia jldi se krlo 😂

    • @ifruit2269
      @ifruit2269 3 года назад +1

      🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂🤣🤣🤣🤣🤣🤣🤣😂😂😂😂😂😂🤣🤣😂😂🤣🤣😂😂😆😆😆😆😆😆😆😆😆😂😆🤣😆😂😆🤣😆😂😆🤣🥰😂😆😂😆😂😆😂😆😂😆😂😆😂😆😂😆🤣🤣🤣🤣🤣🤣😆🤣😆🤣😆🤣😆🤣😆🤣😆😂😆😂😆😂🤣😆😂😆😂🥰😂🥰😂😆😂🥰😂😆😂😆🤣😆🤣

    • @vaibhavshrivastava1123
      @vaibhavshrivastava1123 2 года назад +13

      Har video mei bolte hain😂😂

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

      😂

    • @manishgupt1879
      @manishgupt1879 2 года назад +10

      Bolna jaruri hai bhai , bahut se log to playlist add krna bhi nhi jante honge

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

      Har video me bolana jaruri hai kyuki koe topic wise search Kiya ho to use pta to chale ye RUclips pr koe series chal rahi

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

    I Love You Sir.... Thanks For Everything ...... You are making me a better person day by day😘😘😘

  • @jeffomega
    @jeffomega 3 года назад +1

    Harry Bro there's no-one who could have taught it any better. Thank you for this series and also for doing it for society i.e. for free, it now even inspires me to do something for this society to make it better. Thank you very much brother.

  • @AnilKumar-tx7iq
    @AnilKumar-tx7iq 3 года назад +1

    Saved the playlist, watching the videos and liked all the videos

  • @arifhussain8839
    @arifhussain8839 4 года назад +7

    Thank you so much . I love your content and the way to teach. I must say it is very beneficial.

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

    Bhai aap really great ho❤️ bhai ....mene aapse bahut kch sikha hai... Clg m jyada kch batate nhi lkin aap se bahut sikha hai bhai love you Bhai ❤️❤️❤️

  • @superparth8743
    @superparth8743 6 месяцев назад +1

    from 7.8 millions view on first video to 491 k only on 21 video in css
    if u read my comment then u are the most consistent person ever

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

    Harry Bhai Your Tutorial are always Awesome.......
    Keep Doing Great Works like this......
    Thnx a Lot.....

  • @SaqibMehmood786
    @SaqibMehmood786 9 месяцев назад +1

    great effort bro

  • @mukulsharma4490
    @mukulsharma4490 3 года назад +1

    Harry Bhai like My and ur item both are different 😂😂

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

    guru g apko guru purnima ki badhai ho ❤🎉apke bjh se hum kuch sikh paa re h apka bhut bhut shukriya

  • @sanskritiagrawal6344
    @sanskritiagrawal6344 2 года назад +1

    n starts from 1, rest explanation is absolutely wonderful.

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

      Finally a comment that i was looking for! if n started from 0 then every 2nd element wouldn't have changed to red!

  • @NishantWithCam
    @NishantWithCam 2 года назад +1

    All paid courses websites like Coding ninjas be like: Ye hamari dukan band karake rhega...
    Love from Ghaziabad Harry bhai, sir, master, hamare real technical guru g..🥰🥰

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

    The only thing which stand out harry bhai from other educator is harry bhai always teaches with pratical not give a fuss about the boring 😑 theory part lobe u harry bhai 🙏

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

    according to Harry Bhai
    li.item#item-$*5 hahahaha amaze bro ... love ke boreya tumary lye ...

  • @ronycb7168
    @ronycb7168 10 месяцев назад

    Thanks a lot for making available for us such a wonderful free resource 💗!!!!

  • @kiranjojan8307
    @kiranjojan8307 5 лет назад +10

    भाई मैने डाउनलोड ही करली पुरी सिरीयस 🤗🤠

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

      bhai kaise ki mujhe bhi krni h please reply bhai

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

      @@manishchauhan5856 use vidmate ya videoder

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

      @@rajeev8448 Kitni MB thi?

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

      @@anonymous_chan_ 5-7 gb in 360p

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

    love it love it bhi absolutely fantastic bhi you are our hero ,our inspiration and your works inspire us lot

  • @iamparikshitsingh
    @iamparikshitsingh Год назад +1

    chalte rho munna bhai bs!!!

  • @ritikraj2629
    @ritikraj2629 3 года назад +2

    30-9-2021 i'm here and it continues hope I'll complete all video in this playlist

  • @VikashKumar-be6bh
    @VikashKumar-be6bh 4 года назад +1

    Superb bro
    Mja aa rha h shikne m🤘👍

  • @muhammadmoiz2560
    @muhammadmoiz2560 3 года назад +1

    thanks man you are only teacher who teach us free😅😘

  • @ManishSingh-zh8jz
    @ManishSingh-zh8jz 3 года назад

    Never enjoyed programming before this channel.

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

    good one sir 👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌

  • @rajkumarchavan8457
    @rajkumarchavan8457 2 года назад +1

    so simply explained, Thanks harry : )

  • @zafarali5935
    @zafarali5935 4 года назад +8

    You just rock with these great way of explaining all the concepts.

  • @Tomharry910
    @Tomharry910 Год назад +1

    No body can teach like you do. Thank you #HarryBhai

  • @LovePreet-dx5uk
    @LovePreet-dx5uk 3 года назад +2

    Bhai thumbnail change kar diya 👍i like it❤️

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

    bohot achaa tha video harry bhai, aur ballo bhai se bhi mulakat hoti hi rheti hai ajkal to.

  • @devkarankvaghasiya194
    @devkarankvaghasiya194 Год назад +2

    complete ✅✅

  • @harshgupta-uu1nr
    @harshgupta-uu1nr 2 года назад +1

    Sir you do a very good job 🙏🙏

  • @AbhishekPal-ri9gr
    @AbhishekPal-ri9gr 3 года назад +4

    9:00 you can also use id in input tag instead of pseudo selectors

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

      What if you would display multiple text input

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

    sir you are too good you made all this very easy for beginner 😊

  • @s.k_rawal6680
    @s.k_rawal6680 3 года назад

    Thank you so much Harry sir 🙏 itna ache se ek ek step smjane ke liye❤️

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

    Superb explanation in JS, Thankyou Harry 😊♥️

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

      @Deepak Singh 😂😂😆👍

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

    thank you harry bhai for this tutorial love you from surat gujarat.

  • @poonam5605
    @poonam5605 4 года назад +5

    please upload web dev using angular, bootstrap, html,css.... ur videos are very useful and interesting........
    pls upload complete website development using angular

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

      Ruko jara sabar karo ..

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

      @@Bilal_Patel :) i want to lean Angular from codewithharry :)

  • @rishikokil2080
    @rishikokil2080 2 года назад +1

    Wonderful course on web dev

  • @Rohaan_Muhammadi
    @Rohaan_Muhammadi Год назад +1

    It was a very HELPFUL video ❤

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

    content ke saath saath end song bhi bada jabardast hai

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

    Thanks you so much harry sir you world best teacher😊

  • @funcode-tw3cg
    @funcode-tw3cg Год назад

    completed this lec harry sir , thanks for tis lec !

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

    my first programming course is best🥰🥰

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

    thankyou sooo soo much sir ap bhtttt acha smjhaty ho love from pakistan❤❤❤ye playlist bhtt helpful h❤

  • @VishalSharma-rn7mt
    @VishalSharma-rn7mt 4 года назад

    Great video harry bhai, u r best hindi instructor

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

    nth pseudo selector is now understandable...thanx Harry Sir

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

    you gave me motivation through these videos

  • @thrilleracaste400
    @thrilleracaste400 3 года назад +2

    After all the research I did, I can now finally conclude that this playlist is the best playlist for the web development course. Thanks Harry bhai!❤

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

    Bhai you are legend in programming😎😎 like kre sirf Harry ke liye.

  • @Rohaan_Muhammadi
    @Rohaan_Muhammadi Год назад +1

    Thank You So Much Sir ❤

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

    Very nice harry bhai ....thanks btw....for all your best ever efforts to make such amazing series...✌️🙏

  • @chitranjankumar9100
    @chitranjankumar9100 5 лет назад +5

    Sir login with social media ka video upload kar dijiye like login with facebook,google+, instagram,linkdein etc ....ye sabhi company me puchhe jate hai aur project me bhi jaruri hota hai.....

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

    As per your advice, first i watch your video then i code on my browser. I.A,Siddiqui

  • @nextleveltech267
    @nextleveltech267 Год назад +1

    Thank you so much ❤️

  • @programmingfacts6532
    @programmingfacts6532 3 года назад +1

    thankyou

  • @FfGoogledaddy
    @FfGoogledaddy 2 года назад +1

    Love Form Nepal Harry bhai..😍😍

  • @isaacfranklyn1592
    @isaacfranklyn1592 Год назад +6

    one more thing i like to add that i got to know after researching for my first project (i.e the gym website) is that if you want to also apply CSS for the placeholder in an input tag for like the font-style/color/whatever you want to do then the selector used for that is
    input::placeholder{}

    • @abbasali9730
      @abbasali9730 Год назад +2

      It comes under pseudo elements

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

    great explanation harry bhai

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

    Thank you so much Harry Bhai .you are great Teacher ..

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

    Informative video 👍👍thanks sir

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

    Programming matlab harry bhai 🥳💐

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

    Thanx you for your great effort 👍

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

    Your are best teacher...

  • @PriyanshuSingh-hm4tn
    @PriyanshuSingh-hm4tn Год назад

    Great Explanation!

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

    Great I am new future web developer

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

    27th March - 2022, day 11 -- > badiya bhai, maza aa raha hai pura

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

    Hary bhai 🔥
    Hary bhai ke haters 💩

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

    harry vai .. awesome 😍

  • @mmgamer4188
    @mmgamer4188 Год назад +1

    thank you harry bhaiya i am just 12 year old and i am leartning webdevelopment

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

    Comment ka concept bahut achha laaga...revise Karne me maja ayega

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

    Legend❤❤ bro💖🤜

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

    harry bhai agar 1 code me bohat saray ul ho or li bhi to kese select karay gay nth child ko 10:15

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

    Great teacher 👏

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

    Best resource ❤️🇧🇩

  • @MohdShoeb-sx6wb
    @MohdShoeb-sx6wb 4 года назад

    Very Nice Video Harry Bhai ☺

  • @RajeevKumar-lt7vh
    @RajeevKumar-lt7vh 3 года назад

    Super sir ji 😃😃😃

  • @MdArish-fj5pf
    @MdArish-fj5pf 3 года назад +2

    thank you so much for this playlist