CSS Selectors

Dear Students, aaj ke is Lecture me hum padenge CSS Selectors ke bare main. CSS selectors kya hote hai or CSS selectors kaise work karte hai. CSS selectors se related sare topic hum Isi lecture main cover karege.

Lectures Covering Topics

  • Introduction To CSS Selectors In Hindi
  • Definition of CSS Selectors In Hindi
  • Different Types Of CSS Selectors In Hindi

Introduction To CSS Selectors In Hindi

CSS selectors ka CSS ke syntax me bahut important role hota hai. Agar hame kisi bhi elements me koi style apply karna chahate hai. To ham CSS selectors ke help se yah define karte hai. Is language ka sabse important part selectors he hai jo ise effective or efficiency banate hai.

Ye CSS selectors hame Html me kisi bhi elements ko select karne ke facility provides karte hai. CSS ke selectors ke bare main janane se pahle aapko css ke syntax ke bare main janana bahut jaroori hai. To ke syntax ko janne ke liye aap hamare previous lecture ko pad sakte hai. Ya fir aap neeche diye hue link par click karke bhi syntax ke lecture ko pad sakte hai.

Syntax Of CSS In Hindi

Definition of CSS Selectors In Hindi

CSS selectors ka use hum us content ko select karne ke liye karte hai jis par hame Style lagani hoti hai. Selectors CSS rules set ke parts hai. CSS selectors html elements ko id, class, type, attributes ke according select karte hai.

Yani ke CSS file ke Style rules (Syntax) me sabse pahale aapko HTML ke jis element par aap CSS style lagana chahate ho use select karna hota hai. Or HTML element ko select karne ke liye ham CSS me element ka tag name, class name, id name, attributes ityadi ka use karte hai, inhi ko ham selectors kahte hai.

CSS use karne ke liye aapko sabse pahale CSS ke selectors ki knowledge hona jaroori hai. Kyonki selectors ke jariye hi HTML elements ko select (point) karke aap us element par alag-alag tarah ki properties or values ka use karte hai.

Different Types Of Selectors In Hindi

CSS selectors 5 types ke hote hai. Jinke bare main aap details main neeche pad sakte hai.

  • Element CSS Selector
  • Id CSS Selector
  • Class CSS Selector
  • Universal CSS Selector
  • Group CSS Selector

types of css selectors in hindi

Element CSS Selector

Ye selectors kisi bhi eak tarah ke html tag par aaply kiye jate hai. Inka name vahi hota hai jo html tag ka naam hota hai. Jab aap kisi eak type ke html ko same style dena chahate hai tab aap ements css selectors ka use karege.

Element Selectors Example

 

Id CSS Selector

Ye Id selectors  html elements ke eak specific attributes ko select kearne ke liye use kiya jata hai. Koi bhi id eak page main unique hoti hai. Is selector ka use eak single unique elements ko select karne ke liye kiya jata hai. Is CSS selectors ko # operators ke sath start kiya jata hai.

Id Selectors Example

Class CSS Selectors

Sabhi Html elements eak class attributes define karte hai. Or isi attributes ke help se class define ke jati hai. Agar aap chahe to style class attributes ke basse par apply kar sakte hai.

Iske liye aapko (.) operators ke sath class ka naam likhte hai. Jo bhi elements us class se belong karte hai. Un sabhi se define ke gayi style apply hoti hai.

Class Selectors Example

Universal CSS Selector

Universal selector me define ke gayi style sabhi html elements par apply ho jati hai. But yah tabhi kaam karta hai jab kisi element par alag se style define na ki gayi ho.

Yadi kisi elements ke liye alag se style define ke gayi hai. Ya fir element kisi inline style sheet ko use karta hai. To is selector ki us element par koi bhi style kaam nahi karegi. Universal selectors ko airstrike (*) se represent kiya jata hai.

Universal Selectors Example

Group CSS Selectors

Jab hame kuch selectors ke common style deni hoti hai. Tab hum group selectors ka use karte hai. Agar hum chahe to eak sath eak se jayada selectors ka bhi use kar sakte hai.

Iske liye hum sabhi selectors ko coma (,) se separate karte hai. Or us curly brackets me define ke gayi style sabhi selectors par apply hoti hai. Aap neeche example ko dekh kar samjh sakte hai.

Group Selectors Example

Related Lecture

Dear Students, main aasha karta hun ki aapko What Is CSS in hindi Ka Lecture padh kar samjh me aa gaya hoga. Yadi aapako is( What Is CSS ) ke Lecture se related koi bhi problem hai to aap hume comment karke puch sakte hai.

 

Share This Post On

About Author

Thakur Aman Singh

Hey, I am Aman Singh Tomar from Taj City Agra. Through This Blog I want to share my Knowledge with all of you. Read More >>

Leave a Reply

Your email address will not be published. Required fields are marked *