सीएसएस शुरू करना
सीएसएस पैटर्न मिलान नियमों पर निर्भर करता है यह निर्धारित करने के लिए कि कौन सी शैली दस्तावेज़ में कौन सा तत्व लागू होती है। इन पैटर्न को चयनकर्ता कहा जाता है और वे टैग नामों से (उदाहरण के लिए, अनुच्छेद टैग से मिलान करने के लिए पी) बहुत जटिल पैटर्न से मेल खाते हैं जो कि दस्तावेज़ के बहुत विशिष्ट भागों से मेल खाते हैं (उदाहरण के लिए, पी # myid> b.highlight किसी भी बी टैग से मेल खाता है हाइलाइट की एक वर्ग जो आईडी myid के अनुच्छेद का एक बच्चा है)।
एक सीएसएस चयनकर्ता एक सीएसएस स्टाइल कॉल का हिस्सा है जो यह पहचानता है कि वेब पेज का कौन सा हिस्सा स्टाइल किया जाना चाहिए। चयनकर्ता में एक या अधिक गुण होते हैं जो परिभाषित करते हैं कि चयनित HTML कैसे स्टाइल किया जाएगा।
सीएसएस चयनकर्ताओं
चयनकर्ताओं के कई अलग-अलग प्रकार हैं:
- एक विशिष्ट तत्व से मिलान करने वाले चयनकर्ता टाइप करें
- वर्ग चयनकर्ता-एक विशिष्ट वर्ग के साथ मेल खाने वाले तत्व
- आईडी चयनकर्ता-एक विशिष्ट आईडी के साथ तत्व मिलान
- वंशज चयनकर्ता- तत्वों को जोड़ना जो एक विशिष्ट तत्व के वंशज हैं
- बच्चे चयनकर्ता-मिलान तत्व जो विशिष्ट तत्व के बच्चे हैं
- सार्वभौमिक चयनकर्ता-किसी भी तत्व से मेल खाते हैं
- आसन्न भाई चयनकर्ता-मिलान तत्व तुरंत एक विशिष्ट तत्व से पहले
- विशिष्ट चयन या विशेषता मान वाले गुण चयनकर्ता-मिलान तत्व
- स्यूडो-क्लास चयनकर्ता-एक विशिष्ट छद्म वर्ग के साथ मेल खाने वाले तत्व
- छद्म-तत्व चयनकर्ता-विशिष्ट छद्म-तत्व गुणों वाले मिलान तत्व
प्रारूप सीएसएस शैलियों और सीएसएस चयनकर्ताओं
एक सीएसएस शैली का प्रारूप इस तरह दिखता है:
चयनकर्ता {शैली संपत्ति: शैली; }
अलग-अलग चयनकर्ता जिनके पास अल्पविराम के साथ समान शैली है। इसे चयनकर्ता समूह कहा जाता है। उदाहरण के लिए:
selector1 , selector2 {शैली संपत्ति: शैली; }
ग्रुपिंग चयनकर्ता आपके सीएसएस शैलियों को कॉम्पैक्ट रखने के लिए एक लघुरूप तंत्र है।
उपर्युक्त समूह का समान प्रभाव होगा:
selector1 {शैली संपत्ति: शैली; }
selector2 {शैली संपत्ति: शैली; }
हमेशा अपने सीएसएस चयनकर्ताओं का परीक्षण करें
सभी ब्राउज़र सभी सीएसएस चयनकर्ताओं का समर्थन नहीं करते हैं। तो अपने चयनकर्ताओं को जितना आप कर सकते हैं उतने ऑपरेटिंग सिस्टम पर जितने ब्राउज़रों में परीक्षण करना सुनिश्चित करें। लेकिन अगर आप सीएसएस 1 या सीएसएस 2 चयनकर्ताओं का उपयोग कर रहे हैं तो आपको ठीक होना चाहिए।