-
CSS की भूमिका:लैंग चयनकर्ता
CSS के साथ lang विशेषता मान के साथ प्रत्येक तत्व को स्टाइल करने के लिए CSS :lang चयनकर्ता का उपयोग करें। आप :lang चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> &
-
CSS की भूमिका :अंतिम प्रकार का चयनकर्ता
प्रत्येक तत्व को स्टाइल करने के लिए CSS :last-child चयनकर्ता का उपयोग करें जो उसके माता-पिता का अंतिम बच्चा है। उदाहरण आप :last-child चयनकर्ता - . को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <style&g
-
CSS की भूमिका :अंतिम-बाल चयनकर्ता
प्रत्येक तत्वों को स्टाइल करने के लिए CSS :last-child चयनकर्ता का उपयोग करें जो उसके माता-पिता का अंतिम बच्चा है। आप :last-child चयनकर्ता . को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं p:last-child { बैकग्राउंड:ऑरेंज; } यह डेमो टेक्स्ट1 है। यह डेमो टेक्स्ट2 है। यह डेमो टेक्स्ट3 ह
-
Y-अक्ष 3D CSS3 के साथ रूपांतरित होता है
आप CSS3 के साथ Y-अक्ष 3D ट्रांसफ़ॉर्म को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <html> <head> <style> div { width: 200px;
-
प्रत्येक <p>
तत्व को स्टाइल करें जो CSS के साथ अपने माता-पिता का अंतिम <p>
तत्व है
प्रत्येक तत्व को स्टाइल करने के लिए CSS:last-child चयनकर्ता का उपयोग करें जो उसके माता-पिता का अंतिम बच्चा है। आप निम्न कोड को लागू करने का प्रयास कर सकते हैं:अंतिम-चाइल्ड चयनकर्ता <!DOCTYPE html> <html> <head> <style> &
-
CSS की भूमिका :खाली चयनकर्ता
सीएसएस का उपयोग करें:प्रत्येक तत्व को स्टाइल करने के लिए खाली चयनकर्ता जिसमें सीएसएस के साथ कोई बच्चा नहीं है। आप :खाली चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html> <head> <style>
-
CSS3 के साथ मैट्रिक्स के 16 मानों का उपयोग करके तत्व को रूपांतरित करें
मैट्रिक्स के 16 मानों का उपयोग करके तत्व को बदलने के लिए मैट्रिक्स 3 डी (एन, एन, एन, एन, एन, एन, एन, एन, एन, एन, एन, एन, एन, एन, एन, एन, एन) विधि का उपयोग करें। आइए सिंटैक्स देखें matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) यहाँ, a1 b1 c1 d1 a2 b2 c2 d2 a3 b3 c3 d3 d4
-
प्रत्येक <p>
तत्व को स्टाइल करें जिसमें CSS के साथ कोई बच्चा नहीं है
प्रत्येक तत्व को स्टाइल करने के लिए जिसमें CSS के साथ कोई बच्चा नहीं है, इसका उपयोग करें:खाली चयनकर्ता t. आप इसे लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:खाली चयनकर्ता उदाहरण <!DOCTYPE html> <html> <head> <style>
-
CSS की भूमिका :सक्षम चयनकर्ता
प्रत्येक सक्षम तत्व को स्टाइल करने के लिए सीएसएस:सक्षम चयनकर्ता का उपयोग करें। आप :सक्षम चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html> <head> <style> inpu
-
सीएसएस के साथ हर सक्षम <इनपुट> तत्व को स्टाइल करें
प्रत्येक सक्षम तत्व को स्टाइल करने के लिए, CSS :enabled चयनकर्ता का उपयोग करें। उदाहरण आप निम्न कोड को शैली सक्षम तत्व में चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <style> input:enabled {
-
सीएसएस स्थिति:निरपेक्ष;
स्थिति:निरपेक्ष; संपत्ति आपको निकटतम स्थित पूर्वज के सापेक्ष तत्व की स्थिति की अनुमति देती है। उदाहरण आप CSS स्थिति को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:निरपेक्ष; <!DOCTYPE html> <html> <head> <style>
-
प्रत्येक <p>
तत्वों को स्टाइल करें जो CSS के साथ अपने माता-पिता का पहला बच्चा है
प्रत्येक तत्व को स्टाइल करने के लिए जो उसके माता-पिता का पहला बच्चा है, CSS का उपयोग करें:पहला-चाइल्ड चयनकर्ता। उदाहरण आप :फर्स्ट-चाइल्ड सिलेक्टर - . को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head>
-
CSS की भूमिका:पहले बच्चे का चयनकर्ता
प्रत्येक तत्वों को स्टाइल करने के लिए CSS :first-child चयनकर्ता का उपयोग करें जो उसके माता-पिता का पहला बच्चा है। उदाहरण आप :फर्स्ट-चाइल्ड सिलेक्टर . को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head>
-
CSS की भूमिका :प्रथम प्रकार का चयनकर्ता
प्रत्येक तत्व को स्टाइल करने के लिए CSS :first-of-type चयनकर्ता का उपयोग करें जो कि CSS के साथ अपने पैरेंट का पहला तत्व है। उदाहरण आप :प्रथम-प्रकार के चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> &nbs
-
प्रत्येक <p>
तत्व को स्टाइल करें जो CSS के साथ अपने माता-पिता का पहला <p>
तत्व है
प्रत्येक तत्व को स्टाइल करने के लिए जो CSS के साथ अपने माता-पिता का पहला तत्व है, :first-of-type चयनकर्ता का उपयोग करें: उदाहरण आप :प्रथम-प्रकार के चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html> <head>
-
सीएसएस वंशज चयनकर्ता
सीएसएस में वंशज चयनकर्ता का उपयोग उन सभी तत्वों से मेल खाने के लिए किया जाता है जो एक निर्दिष्ट तत्व के वंशज हैं। उदाहरण आप सीएसएस वंशज चयनकर्ता को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> <head> <s
-
CSS चयनकर्ता क्या है?
सीएसएस में चयनकर्ता शैली के लिए तत्व का चयन करने के लिए पैटर्न हैं। आइए CSS में प्रमुख चयनकर्ताओं को देखें - चयनकर्ता डेमो विवरण class । डेमो वर्ग के साथ सभी तत्वों का चयन करता है =डेमो #id #myid आईडी के साथ तत्व का चयन करता है =myid * * सभी तत्वों का चयन करने के लिए
-
CSS का उपयोग:फोकस छद्म वर्ग
आप लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं:फोकस स्यूडो-क्लास उदाहरण <!DOCTYPE html> <html> <head> <style> input:focus { background-color: orange; &
-
CSS की भूमिका :सक्रिय चयनकर्ता
CSS का उपयोग करें:सक्रिय लिंक को स्टाइल करने के लिए सक्रिय चयनकर्ता। आप :सक्रिय चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html> <head> <style> a:active { &nb
-
CSS के साथ सक्रिय लिंक को स्टाइल करें
सक्रिय लिंक को स्टाइल करने के लिए, CSS:सक्रिय चयनकर्ता का उपयोग करें। आप सक्रिय लिंक को स्टाइल करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> a:active { &nbs
