-
शैली <इनपुट> सीएसएस के साथ एक निर्दिष्ट सीमा के बाहर मूल्य वाले तत्व
CSS का उपयोग करें:एक निर्दिष्ट सीमा के बाहर के मान वाले तत्वों को स्टाइल करने के लिए आउट-ऑफ-रेंज चयनकर्ता। उदाहरण आप :आउट-ऑफ़-रेंज चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> <head> <style> &nb
-
CSS की भूमिका:आउट-ऑफ-रेंज चयनकर्ता
CSS का उपयोग करें :आउट-ऑफ-रेंज चयनकर्ता तत्वों को एक निर्दिष्ट सीमा के बाहर मान के साथ स्टाइल करने के लिए। उदाहरण आप :आउट-ऑफ़-रेंज चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <style> &nbs
-
CSS की भूमिका :केवल पढ़ने के लिए चयनकर्ता
केवल-पढ़ने के लिए तत्वों का चयन करने के लिए CSS :read-only चयनकर्ता का उपयोग करें। उदाहरण आप :केवल-पढ़ने के लिए चयनकर्ता को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> <head> <style> &
-
शैली <इनपुट> सीएसएस के साथ केवल पढ़ने योग्य विशेषता वाले तत्व
केवल-पढ़ने के लिए तत्वों का चयन करने के लिए, CSS का उपयोग करें:केवल-पढ़ने के लिए चयनकर्ता। उदाहरण आप :केवल-पढ़ने के लिए चयनकर्ता को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <style> &
-
CSS की भूमिका :पढ़ें-लिखें चयनकर्ता
पठनीय और लिखने योग्य तत्वों का चयन करने के लिए CSS :read-write चयनकर्ता का उपयोग करें। उदाहरण आप :रीड-राइट चयनकर्ता को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> <head> <style>
-
CSS की भूमिका:लिंक चयनकर्ता
सभी न देखे गए लिंक को स्टाइल करने के लिए CSS :link चयनकर्ता का उपयोग करें। आप :लिंक चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण a:link { background-color:Orange; } डेमो वेबसाइटhttps://www.example.com/
-
CSS के साथ सभी न देखे गए लिंक को स्टाइल करें
सभी न देखे गए लिंक को स्टाइल करने के लिए, CSS :link चयनकर्ता का उपयोग करें। आप :लिंक चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण a:link { background-color:Orange; } डेमो वेबसाइटhttps://www.example.com/
-
सीएसएस की भूमिका:नहीं (चयनकर्ता) चयनकर्ता
प्रत्येक तत्व को स्टाइल करने के लिए CSS :not(selector) चयनकर्ता का उपयोग करें जो निर्दिष्ट तत्व नहीं है। :नहीं चयनकर्ता . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> &nbs
-
CSS की भूमिका :nth-child(n) Selector
प्रत्येक तत्व को स्टाइल करने के लिए CSS :nth-child(n) चयनकर्ता का उपयोग करें जो CSS के साथ अपने माता-पिता का दूसरा बच्चा है। आप :nth-child(n) चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण p:nth-child(4) { बैकग्राउंड:ऑरेंज; रंग सफेद; } यह डेमो टेक्स्ट 1 है। यह डेमो
-
CSS3 के साथ X-अक्ष 3D रूपांतरण
आप CSS3 के साथ X-अक्ष 3D ट्रांसफ़ॉर्म को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <html> <head> <style> div { width: 200px;
-
प्रत्येक <p>
तत्व को स्टाइल करें जो CSS के साथ अपने माता-पिता का दूसरा बच्चा है
प्रत्येक तत्व को स्टाइल करने के लिए जो CSS के साथ अपने माता-पिता की दूसरी संतान है, CSS :nth-child(n) चयनकर्ता का उपयोग करें। उदाहरण आप :nth-child(n) चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं p:nth-child(4) { बैकग्राउंड:ऑरेंज; रंग सफेद; } यह डेमो टेक्स्ट 1 है। यह डे
-
प्रत्येक <p>
तत्व का चयन करें जो कि उसके माता-पिता का दूसरा <p>
तत्व है, अंतिम बच्चे से गिना जाता है
प्रत्येक तत्व का चयन करने के लिए CSS :nth-last-of-type(n) चयनकर्ता का उपयोग करें जो कि उसके माता-पिता का दूसरा तत्व है, जो पिछले बच्चे से गिना जाता है। उदाहरण आप :nth-last-of-type(n) चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> &nbs
-
CSS की भूमिका :nth-of-type(n) Selector
प्रत्येक तत्व को स्टाइल करने के लिए CSS :nth-of-type(n) चयनकर्ता का उपयोग करें जो कि उसके पैरेंट का nth तत्व है। आप :nth-of-type(n) चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style&
-
CSS3 के साथ 3D रूपांतरण के तरीके
3डी ट्रांस्फ़ॉर्म को कॉल करने के लिए उपयोग की जाने वाली विधियाँ निम्नलिखित हैं: मान विवरण matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n, एन, एन, एन, एन) मैट्रिक्स के 16 मानों का उपयोग करके तत्व को बदलने के लिए प्रयुक्त होता है translate3d(x,y,z) x-अक्ष, y-अक्ष और z-अक्ष का उपयोग करके तत्व को रूप
-
प्रत्येक <p>
तत्व को स्टाइल करें जो CSS के साथ अपने माता-पिता का nth <p>
तत्व है
प्रत्येक तत्व को स्टाइल करने के लिए CSS :nth-of-type(n) चयनकर्ता का उपयोग करें जो कि उसके पैरेंट का nth तत्व है। आप :nth-of-type(n) चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style&
-
CSS के साथ माउस ओवर पर स्टाइल लिंक
CSS के साथ माउस पर लिंक को स्टाइल करने के लिए, CSS:hover चयनकर्ता का उपयोग करें। आप इसे लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:होवर, चयनकर्ता, उदाहरण <!DOCTYPE html> <html> <head> <style> a:ho
-
सीएसएस की भूमिका:इन-रेंज चयनकर्ता
एक निर्दिष्ट सीमा के भीतर मान के साथ तत्वों को स्टाइल करने के लिए सीएसएस:इन-रेंज चयनकर्ता का उपयोग करें। आप :इन-रेंज चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html> <head> <style> &nb
-
CSS की भूमिका :अमान्य चयनकर्ता
CSS का उपयोग करें:सभी तत्वों को अमान्य मान के साथ स्टाइल करने के लिए अमान्य चयनकर्ता। आप :अमान्य चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> &nb
-
सीएसएस के साथ सभी <इनपुट> तत्वों को अमान्य मान के साथ स्टाइल करें
अमान्य मान वाले सभी तत्वों को स्टाइल करने के लिए, CSS का उपयोग करें:अमान्य चयनकर्ता। उदाहरण आप :अमान्य चयनकर्ता - . को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <style>
-
CSS के साथ प्रत्येक <p>
तत्व को lang विशेषता मान के साथ स्टाइल करें
प्रत्येक तत्व को lang विशेषता मान के साथ स्टाइल करने के लिए CSS :lang चयनकर्ता का उपयोग करें। आप :lang चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> &nbs
