css selector hindi

.css selector

.types of css selector

css selctor- css ka design me main role hota hai. design select karne ke liye css selector ka hi use kiya jata hai.css selector ke dawara he hum powerful aur beautiful website design karte hai..css selector ke help se hum html me selector ka use karke new design ko banate hai..
syntax ki help se hum selector ko understand kar sakte hai..

 hi= selector hai

color blue= property ko show kar raha hai jo declare .

value= 12 px ka hai

types of selector-

css selector ka use karte hum professionally work kar sakte hai..

1 universal selecor- 

universal selector me define ki gayi style sabhi html element aur css par apply hoti hai..iske syntax me * starting point hota hai.. jo sabhi selector ke liye main hota hai.

*

{

    colour:red;

}

2 element type selector-

this selector use html tag apply. ise selector me elemnts ka css me use kiya jata hai.. stylish design ki jati hai..

p

{

    colur:black;

}

p= particular selector

3 grouping selctor-

   grouping selctor me bhut se selector use kiye jate hai. comma(,) seperate use hota hai..

exa-

h1,h2,p

        {

            colur:black;

          }

4 attribute selector-

विशिष्ट attributes के साथ HTML elements पर style को भी लागू कर सकते हैं। नीचे दिया गया rule नियम सभी input elements matching जो text ki value के साथ  वाले हैं

exa-

input[type = "text"]

 {  color:green; 

}

5 subelement selctor-

jab hum kisi element par css ko apply karte hai. to element me hum subelement apply kar sakte hai.

isme space ka main use kiya jata hai..

exa-

p span
{
   colour:yellow:
}

<span>= subelemnt hai jo space related hai

6 class selector-

class selector me class selctor ka use karte hai. isme (.) dot ka use karte hai. isme class selector ke dawara style design ki jati hai.

exa-

.class
{
   colur;black:
}

7 id selector-

 id sselctor me app specific id ke dawara selector ka use karke style apply kar sakte hai.use in (#) hash elemnts use..

exa-

#id
{
    colur:green:
}