CSS Selectors MasterClass | Sigma Web Development Course - Tutorial #17

[@mumair960]

Please Pin And Paste in Description --> Time Stamps ❤ 00:00 Introduction 00:47 Roll the Intro 00:57 Importance of Video #17 01:30 Internal CSS 02:00 (Element Selector ) Selection of Div 03:24 Class Selector 04:00 ID Sellector 04:45 Child Selector 06:28 Descendant Sellector 07:05 Universal Sellector 08:02 Pseudo Sellector 12:46 Important Notes 13:36 OUTRO

[@KalkiDang2601]

Bhai iss Pakistani Ko Unpin krdo.

[@SUDHIRKUMAR-id8vy]

Good job 👍🫶

[@SUDHIRKUMAR-id8vy]

​@@KalkiDang2601 Aap ka kaam yaha nhi hai aap partyo me jao 😂

[@SUDHIRKUMAR-id8vy]

​@@KalkiDang2601 yaha sirf study chal rahi hai ❤

[@mumair960]

Thanks #Codewithherry

[@manish_coding]

🎉🎉 Sigma batch viewer are continuously declining but only few who stand till last. They will definitely become a milestone. ❤❤

[@Dataabc]

I am watching the whole video not just this but i watched all the previous videos maza aaa gaya

[@sachchidanandchaudhary3236]

Herry Bhai algo trading par full video banaao

[@Naresh-Dhamu]

Hello Bhai kese ho

[@rdxplays]

People don't give value to free courses even though they are better then paid ones I hope people understand it soon. Hats-off to Harry Bhai for making it a free course.

[@OkaMid48-xf3rg]

Well said

[@second_inning_development]

Summery - Type of selector- i) Element selector - div{ } ii) class selector - .classname{ } iii) id selector - #idname{ } iv) Child selector -div>p{ } V) decendent selector- div p{ } vi) Universal selector -*{ } Vii) Pseudo selector 1 - a:visited{ } 2- a:link{ } 3- a:click { } 4- Div:hover { } 5- p:first-child { } Thankyou Harry bhai #sigmabatchop #SigmaBatchOp @codewithharry

[@omorfarukmahfuj]

Thank you!!!

[@rahuldubey7812]

Some hero not wear capes.... Thanx bhai

[@abhishekdubey9920]

V v thanks bhai

[@technical-apon-faraji]

Thanks. 🎉🎉🎉

[@anjali7855]

There is a mistake you should write a:active instead of a:click

[@second_inning_development]

Summery - Type of selector- i) Element selector - div{ } ii) class selector - .classname{ } iii) id selector - #idname{ } iv) Child selector -div>p{ } V) selector- div p{ } vi) Universal selector -*{ } Vii) Pseudo selector 1 - a:visited{ } 2- a:link{ } 3- a:click { } 4- Div:hover { } 5- p:first-child { } Thankyou Harry bhai #sigmabatchop

[@arefinshuvo47]

In the word "pseudo," the letter 'p' is silent because it comes before the letter 's' in the pronunciation. The word has been borrowed from Greek, where the letter combination "ps" is pronounced as "s." English has many words borrowed from various languages where certain letters or letter combinations are silent, leading to differences between spelling and pronunciation. This phenomenon is one of the reasons why English spelling can be challenging, as there are many irregularities and borrowed words with unique pronunciations.

[@Kuestech]

Thanks for the info!🙏

[@drdekosta]

🤓

[@unrealmano_]

🤓🤓☝☝

[@darkpikachu123]

I was searching the whole comment section for this. Thanks for enlightening me.

[@AjaySingh-cb6ho]

hello harry i am new in a web devlopment and this course was so helpfull for me 😄😄😄😄😄😄

[@yashpandey641]

One of the best course online. 1000times better than any free or paid course.

[@Nitesh_Saini_]

Harry bhai sigma web development ki playlist bahut achchi lag rahi hi. Hum aapki mehant ko ek shout out dete 😅

[@IamHuzaifaFaisal]

SIGMA BATCH OP! Harry Bhai I don't usually comment on videos, but your videos are truly helping me. You deserve huge respect. I'm fully determined to complete this course with passion, enthusiasm, and the same energy we have started with.

[@biswajeet9826]

In English, the letter "P" is silent in words like "Pseudo" because of the word's Greek origins. The prefix "psycho-" comes from the Greek word "psukhē" meaning "the soul, mind, and spirit." When this prefix is combined with other Greek roots, the initial "P" is often silent due to the difficulty of pronouncing both "P" and "B" together, as seen in words like "psychology" and "psychiatry" as well.

[@ShivaKumarSah-k7z]

goli beta masti nhi

[@YousafMalik-fk3jt]

Harry bhai The pronunciation of "pseudo" as "seudo" is due to the influence of the Greek origin of the word. In Greek, the letter "p" is often pronounced as "s" when it appears before certain consonants, such as "s." This phenomenon is known as assimilation. So, when the word "pseudo" came into English from Greek, the "p" sound was assimilated into an "s" sound when it's followed by an "s" sound, resulting in the pronunciation "seudo." Language often evolves, and pronunciation changes over time, sometimes influenced by the linguistic origins of words.

[@radishfarmer_kakarot]

omg!

[@yashodeepnaitam16]

Harry Bhai is making History through his high qualities playlists like this Thanks for the course ❣ #SigmaBatchOP

[@shubhdewani5573]

Thanks alot Harry bhai , apki wajah se aaj free mein itni badi life skill sikhne ke liye mil rahi hai woh bhi professional course

[@prashantsingh5142]

You lectures are too good for beginners.

[@gauravsinghjethuri5405]

i don't think folks are ignoring this series, just they are not here because its initial time of this sigma course when harry bhaiyaa will suck complex concepts of web dev. folks will automatically come to this. just keep going harry bhaiyaaa. 🙏💯

[@charusmitadas3154]

Great course at free of cost😊 And as far as views are concerned,it will gradually take its pace...may be people will also watch this playlist once they will go for placement or for learning web development in youtube for sure😊😊 #sigmabatchop

[@deepakkansal9112]

are charu ji ek hi dil h kitni bar jitoge

[@sachchidanandchaudhary3236]

Herry bhai algo training par ek course banaoo

[@skullgaming1372]

hello harry i am new in a web devlopment and this course was so helpfull for me

[@smhaviary5545]

We are really witnessing an amazing course which has become incredibly easy for us to learn only by you sir. Sigma batch op what a wonderful course along with a great teacher🌹👍

[@MukeshLilawat1]

Ma apko yaad hi kr rha thea ki abhi tk lecture upload ku nhi hua😅

[@sumitupadhyay5962]

Sigma batch is OP And sir you talk about to giving ratings. Firstly i want to say you deserve 6 out of 5 not only star ,moon 🌙 and sun ☀️ also.. OP sir. Thanks a lot❤

[@MisbahHassan-ps9qg]

👍👍

[@Adeel_Rao]

what we have learned in this video is : selector with declaration class selector id selector child selector descendant Selector Universal Selector then Pseudo Selectors (hover , active , link , visited , first-child)

[@MuhammadAhsanAli-d8m]

Thank You U solve a one year complex topic in just one video

[@EnglishJourney-u4e]

Sigma batch is very helpful for others thanks for providing this fantastic course

[@Developer_Moosa_Imran]

#HarryBahi The pronunciation of "pseudo" as "seudo" is influenced by its Greek origin, where "p" becomes "s" before certain consonants like "s." This phenomenon, known as assimilation, led to the English pronunciation change. Language evolves, and pronunciation shifts over time, often reflecting a word's linguistic roots. 8:35

[@Imma_BatMan]

Please show some love to our Harry bhai. He's doing lots for us for free, Those who are taking the course please like and comment so that he keeps on continuing the video.❤❤ #sigmabatchop

[@ivishal101]

❤Summery of CSS Selector (L-17) - Type of selector- i) Element selector - div{ } ii) class selector - .classname{ } iii) id selector - #idname{ } iv) Child selector -div>p{ } v) descendent selector- div p{ } - select thar element which are child or grandson or descendent of an element vi) Universal selector -*{ } - select every element vii) Pseudo selector 1 - a:visited{ } - you can change appearance of visited link by this 2- a:link{ } - you can change appearance of unvisited link by this 3- a:active { } - you can change appearance when you click a link 4- a:hover { } - change appearance when you hover 5- p:first-child { } - select p or any given element if it is first child of any element

[@emadraza3698]

wonderful thank you

[@ashrayyenpreddiwar7177]

Thanks Bro

[@AftabAhmed-eb3ps]

This was a bit confusing but after watching the video several times concept are very cleared. i am blessed that I am gaining knowledge from #SigmaBatch

[@CrickRelax]

8:53 Pseudo is a Greek word in which P is not silent. When we say this word in English, p is silent Harry Bhayiaaa.

[@usamajutt-du9xz]

SIGMA BATCH OP

[@TraptiGupta-s2s]

Harry sir ki energy dekh kr humlogo me bhi energy aa jaati hai🔥#SigmaBatchOP and definitely we will keep this Energy throughtout the course... A PROMISE THAT WE WILL KEEP for sure

[@ayushmaanraturi]

Tutorial - 17 Done ✅ #SigmaBatchOP #HarryBhai Thank you Hary bhai for this amazing course ❤

[@100x_INCOME]

This is my Day 2 only and I'm here. I'm hoping to cover all the backlog and match the pace with you till 1st week of Jan. #SigmaCourseOP

[@priyanshusingh8904]

#sigmaWeb_D is best. 8:45 reason for silent letters in english words:- Silent letters can help differentiate homophones (words that sound the same but have different spellings). Some silent letters give insight into the origin of a word.

[@Shashank.3718]

Really appreciate your work man. You put a lot of effort in your videos

[@junctionintech13]

greatful to part of computer engineering and also for learning from you

[@KartikD7]

The letter "p" in "pseudo" is indeed silent, but it's a historical artifact from the word's origins. "Pseudo" comes from the Greek word "ψευδής" (pseudes), meaning "false" or "lying". In Greek, the letter "ψ" (psi) represents a sound like "ps" (a voiceless postalveolar fricative), which was later adapted into Latin as "ps". When the word "pseudo" was borrowed into Latin, the "ps" sound was retained, even though the sound /p/ was no longer pronounced. This is a common phenomenon in language evolution, where spelling and pronunciation can diverge over time. So, to summarize, the "p" in "pseudo" is a historical relic from the word's Greek roots, and it's no longer pronounced in modern English. 😊

[@jayashri_mahajan0001]

Sigma batch op , best course in world , thank you so much

[@factsthuglife5360]

This Batch is very Awesome

[@FIFA.FRENZY]

Thank you so much Harry bhai for creating this course

[@saraswati4309]

p:first-child{ background-color: yellow; color: red; } div>p{ background-color: blue; color: white; }

[@MuhammadAwais-j2u]

Thanks Harry bahi for this free course. Fantastic course👍👍👍

[@Piyush-mv5xb]

div> p:nth-child(1){ background-color:yellow ; color: red; } div>p:nth-child(2),div>p:nth-child(3){ background-color: blue; color: white; }

[@Codewithsabya87]

It is working

[@Sudarshan-Mahato]

Harry bhai, This playlist is feeling like watching a movie..

[@biswajeet9826]

Silent letters in English evolved through three main factors: Progressive Changes in Pronunciation: As the English language spread across regions and continents, varying accents and cultures modified the pronunciation of certain words and specific clusters of consonants. At least one of the consonants in such a cluster was relegated to become a silent letter. Foreign Linguistic Influences: The expansion of the English Empire led to the "borrowing" of many words from various languages. These words tended to retain their original spellings, or in cases where a corresponding letter did not exist, imperfect substitutes were used. These imperfect substitutes were an amalgamation of existing English letters, but were pronounced very differently, leading to some letters being silent. Simplification and Differentiation: Silent letters were sometimes introduced as aids to differentiate between two homophones or to provide guidance regarding which consonants in the word a reader must emphasize. For example, the extra "n" in "inn" serves to differentiate it from the preposition "in". Additionally, the Great Vowel Shift between the 15th and 18th centuries also contributed to the development of silent letters. During this period, the vowels in English words underwent significant changes, leading to the elimination of many consonant clusters and the introduction of silent letters

[@AnimeshSingh-pt8us]

SIGMA BATCH OP!!!!!! .. HARRY BHAI YOU HAVE DESIGNED A GREAT COURSE ....THANKS A LOT FOR YOUR EFFORTS. \

[@swathi_bee4]

sigma batch op....huge respect to harry bhai from AndhraPradesh

[@yashgautam1604]

Loved to take the whole course #SIGMA BATCH OP

[@sharathp3809]

@CodeWithHarry Please add the additional source for Pseudo classes in the description as you mentioned in the video, you might have forgot.

[@ComedyNSadExpress]

The silent "p" in the word "pseudo" comes from its Greek origin. In Greek, the word is spelled "ψευδώς" (psevdós), with the "p" sound being pronounced. When the word was borrowed into English, the spelling retained the silent "p" even though it is not pronounced. This is a common occurrence in English, where words borrowed from other languages may retain silent letters from their original spelling. #sigmabatchop

[@bonnadeb-b8c]

thanks bhaiya from bangladesh , very helpful for beginners, but also advancecourse .

[@skmehbub-wg7ul]

Challenge accepted #solution style.css div > p{ color: whtie; background-color: blue; } p:first-child{ color: red; background-color: yellow; } sigma batch op 👌

[@ramishahoor5819]

Nice course Bhai you are amazing guider and teacher❤

[@MDSAIFULISLAM-oy3mv]

Sigma batch op.. From Bangladesh 🇧🇩.

[@rajibsarkar3148]

really a good course as well easy to understand thanks harry bhai

[@djboltebro]

Sigma Batch Over Power, Harry Bhai...

[@amandeep_25]

Sigma Batch Op love from Punjab endd karati harry pajii

[@mrinalineetaranekar8510]

#sigma batch op done so many things in this batch as well as i am learning so many new things. Thankyou so much #harrybhaiya

[@abc-el3xz]

Nice starting of every videos the sound is giving more energy. #sigmabatchop

[@YuvrajSingh-sz1bn]

Akhir tak jaunga 131 video puri dekh ke manuga ⏺️

[@preeti3240]

challenge excepted. p:first-child{ color: red; background-color: yellow; } div>p{ color: white; background-color: blue; }

[@NohablaEspnaol]

Thank you Harry sir, this was very helpful

[@saudansari7025]

keep going harry hai we are with you till the last video.

[@RevenueStaffColony]

Asslam O Alaikum Haris bhai please compile all videos in one video or make compilation each language.

[@DhariSingh-w6v]

Tut #17 ❤ , sigma batch op

[@Hey.Rachit]

DAY 17 COMPLETED 🏁 #SigmaBatchOP 🔥

[@MauryaCapital]

Bhai aapne wo train ke dabbe pe kya sach me likhwaya tha Web Development Express ?

[@AbhishekKumar-cr5iw]

Dil se love you Harry bhaiya

[@stutidutta3922]

tutorial 17:done Sigma Batch op👍

[@SaurabhKumar-yx9iv]

Is course ke sath sath java bhi seekh raha hu...am i doing right? I am a beginner please reply

[@stutidutta3922]

@@SaurabhKumar-yx9iv yes.... knowing one or two programming language is always better

[@SaurabhKumar-yx9iv]

Thnks

[@leetcodesolutions178]

best lectures on css

[@movehard1851]

❤️🙏 Sigma Batch OP. ❤️🙏

[@drusman2555]

sigma batch OP...............................sir ap great ho

[@epicshorts2632]

Love the course so far

[@shivkumarvishwakarma4693]

Sigma Batch OP ❤😊

[@nobadvibes08]

guys videos ko like kar de karo koi paise nahi lagte hai yrr harrry bhai ager hamare liye itni hard work karte h toh kya ham unhe khush karne ke liye ek like nahi kar skte

[@CodeWithAnkur1]

Amazing Series Bhai

[@Sahil-vb1cd]

00:08 Selectors in CSS are used to select an element on which style is applied. 01:55 Using specific selectors to apply styles to specific elements. 03:30 Different CSS selectors explained 05:10 The child selector is applied only if the paragraph is a direct child of a div. 07:04 Selectors are important in web development 08:44 Understanding pseudo selectors in CSS 10:22 Visited Facebook and explained pseudo selectors 12:13 Using pseudo classes in web development Crafted by Merlin AI.

[@sidcena]

@harry bro I want to ask a question regarding classes and I'd can I use my on specific class or I'd like This is Paragraph .sid { Color; red background color;black } Can I do this type of things for better understanding

[@ravimaurya2936]

Sigma batch are awesome 🎉

[@niteshnayak940]

Sigma batch OP ✨❤❤

[@mayanksharma_WebDeveloper]

Sigma Batch OP.

[@user-ku6gw1wm6b]

Let's go! Sigma batch OP.

[@ajjay1112]

This videos is helping a lot Thanks

[@Behencho_01]

Sigma batch Op and Harry bhaiya pro 🎉🎉🎉

[@immensebox72]

Sigma Batch OP Huge Love From Pakistan ♥♥♥♥♥♥

[@amankumar093]

sigma batch op bhaiya aap hai too hm hai really

[@gamingspandan5973]

Sigma batch op 🔥🔥

[@srujankumarallenki3166]

@CodeWithHarry. I need some clarification, when child and decendant are used on for example div > p, then the styling of decendant are applied and also when active and hover pseudo selectors are used over anchor tag, only hover worked and styling was not applied as per active when hyperlink was selected. Let me know is this the way of working or have I missed something

[@mohsinkhanahmad8816]

Mne to apny dill ❤ki zameen apke naam kr de ha😊

[@AdarshMishraBTech.]

amazing course , sigma back op

[@royalflames6533]

watched , learnt ✅✅

[@anujdixit5198]

Sigma batch op sir❤

[@KhalidWaleed-x8c]

bahot khoob harry bhai

[@NeelPatel-gn8id]

Sigma batch is op👍🏻🙌🏻👍🏻👍🏻

[@kiranshinde03]

Sigma Batch OP ❤‍🔥🔥

[@VINAYKUMAR-tp1su]

01:45 Understanding CSS selectors for styling elements 03:30 Using element selector to style a div with red background 05:15 Learn about CSS selectors - class, id, child 07:00 Understanding child and descendant selectors in CSS 08:45 Learn about CSS selectors for web development. 10:30 Understanding pseudo selectors for styling links 12:15 Introduction to A-active and A-hover CSS selectors 14:00 Understanding CSS pseudo classes and applying them to elements.

[@mithileshvishwakarma8194]

Sigma Batch Op i like this course🥰

[@hafizawais5572]

kamal ho gaya Harry bhai

[@mdfiyaz497]

Sigma batch op 🔥🔥🔥

[@simarpreetkaur8674]

harry sir, which Windows Laptop r u using for this course?