CSS :lang() छद्म-वर्ग चयनकर्ता का उपयोग निर्दिष्ट लैंग विशेषता वाले तत्वों का चयन करने के लिए किया जाता है। इससे हमें सामग्री से जुड़ी एक विशिष्ट भाषा को लक्षित करने और उसके अनुसार शैली बनाने में मदद मिलती है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
:lang(){
/*declarations*/
} आइए CSS के लिए एक उदाहरण देखें :lang() छद्म वर्ग चयनकर्ता -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
p:lang(it)::after {
padding: 20px;
content: '~ Italian';
font-style: italic;
}
p:lang(es)::after {
padding: 8px;
content: '~ Spanish';
font-style: italic;
}
p:lang(en)::after {
padding: 20px;
content: '~ English';
font-style: italic;
}
</style>
</head>
<body>
<p lang='it'>Bella ciao</p>
<p lang='en'>Nice hello</p>
<p lang='es'>Bueno adios</p>
</body>
</html> आउटपुट
आइए CSS का एक और उदाहरण देखें :lang() छद्म वर्ग चयनकर्ता -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
div{
margin: 10px;
padding: 10px;
text-align: center;
border: 1px solid black;
}
div:lang(it)::after {
padding: 20px;
content: '~ Italy';
font-style: italic;
}
div:lang(es)::after {
padding: 8px;
content: '~ Spain';
font-style: italic;
}
div:lang(nl)::after {
padding: 20px;
content: '~ Belgium';
font-style: italic;
}
div:lang(es){
background-image: linear-gradient(red 25%, yellow 25%, yellow 75%, red 75%);
}
div:lang(it){
background-image:linear-gradient(90deg, #00ae00 33.3%, white 33.3%, white 66.6%, red 66.6%);
}
div:lang(nl){
background-image:linear-gradient(90deg, black 33.3%, yellow 33.3%, yellow 66.6%, red 66.6%);
}
</style>
</head>
<body>
<div lang='it'>Rome</div>
<div lang='nl'>Brussels</div>
<div lang='es'>Madrid</div>
</body>
</html> आउटपुट
