CSS - basic Syntax in hindi/Urdu

Selector is Element Name or Class Name or id Name

Selector As Element Name : All HTML Elements. For Example, h1, p, b, strong, i

Selector As Class Name : .class_name. For Example, .myclass,

Selector As id Name : #id_name

CSS का Syntax ये selector और उसके declaration के साथ होता है | Selector ये HTML का element name, class name या id name हो सकता है और declaration में CSS Properties और उनकी values होती है |

Syntax1 for CSS

selector{ property : value; }

Simple Example for CSS Syntax1

Example पर single css property के लिए single value दी हुई है | single value ये सभी css properties के लिए होती है |

h1{ color : red; }

Hello World

Syntax2 for CSS

selector{ property : value1 value2 value3; }

Simple Example for CSS Syntax2

Example पर css property के लिए एक से ज्यादा values दी गयी है | multiple values ये CSS के कुछ properties के लिए ही दी जाती है |

table{ border : 1px red solid; }

Grouping Selectors

Example पर multiple selectors के लिए single style दी गयी है |

b, strong, i, p{ color:red; }

Multiple Styles for Single Selector

Example पर multiple styles एक selector को दी गयी है |

h1{
 color:blue;
 font-weight:normal;
 font-size:30px;
}

Universal Selector

'*'(asterisk) को CSS में Universal Selector कहा जाता है | ये selector HTML के सभी elements के लिए होता है |

*{ color:blue; }

Class Selector

HTML Element के class attribute पर दी जानेवाली value ये class selector होता है | निचे class selector के लिए कुछ styles दी गयी है |

.myclass{ 
 color:red;
 font-size:20px; 
}

id Selector

HTML Element के id attribute पर दी जानेवाली value ये class selector होता है | निचे id selector के लिए कुछ styles दी गयी है |

.myid{ 
 color:red;
 font-size:20px; 
}

CSS Combinators ये topic CSS Selector से संबंधित है |