मेरे पास यह टुकड़ा कोड है:

.someclass > img {
  width: 143px;
  height: 143px;
}
<div class="someclass">
  <img src="http://i.imgur.com/wT188Qs.jpg">
  <a href="#">
    <img src="http://i.imgur.com/wT188Qs.jpg">
  </a>

पहली छवि का आकार बदलकर 143px हो जाता है, लेकिन दूसरा नहीं। मैंने सोचा था कि कुछ वर्ग के तहत सभी आईएमजी तत्व स्टाइल हो जाएंगे, लेकिन ऐसा लगता है कि अगर उनके बीच कोई और तत्व है तो वे स्टाइल नहीं करते हैं।

इसे काम करने के लिए मैं कौन सी सीएसएस लिख सकता हूं?

https://jsfiddle.net/8h0sh5jf/

1
niko craft 30 अगस्त 2016, 12:07

5 जवाब

सबसे बढ़िया उत्तर

यदि तुम प्रयोग करते हो

.someclass img{
    width: 143px; 
    height:143px;
}

यह .someclass div . के अंदर सभी छवियों पर लागू होगा

यदि आप चाहते हैं कि कुछ वर्ग div उपयोग के अंदर एक टैग में लिपटे हुए हों

.someclass a img{
    width: 143px; 
    height:143px;
}
2
BritishSam 30 अगस्त 2016, 16:59

> को कक्षा के नाम से हटा दें

.someclass > img{
    width: 143px; 
    height:143px;
}

> मूल तत्व के प्रत्यक्ष बच्चे को लक्षित करता है, इसलिए यह केवल प्रत्यक्ष बाल छवि का आकार बदल रहा है। और डिव क्लोजिंग टैग गायब है।

https://jsfiddle.net/8h0sh5jf/2/

2
Sowmya 30 अगस्त 2016, 12:08

बस इस तरह सीएसएस में कोण ब्रैकेट को हटा दें;

.someclass img {
    width: 143px; 
    height:143px;
}
2
Greg 30 अगस्त 2016, 12:10

अपने सीएसएस को इस तरह बदलें:

.someclass img{
    width: 143px; 
    height:143px;
}

> char का उपयोग करके इसका माध्य केवल .someclass के अंतर्गत सीधे तत्व को लें। तो, अन्य img जो .someclass के अंदर अन्य तत्व पर नेस्टेड हैं, संसाधित नहीं होंगे।

1
Fadhly Permata 30 अगस्त 2016, 12:09

ये कोशिश करें

.someclass img{
    width: 143px; 
    height:143px;
}
   
<div class="someclass">

<img src="http://46.101.95.220/thumb/g1hE0pw.jpg">

<a href="#" >
<img  src="http://46.101.95.220/thumb/g1hE0pw.jpg">
</a>

</div>
1
Shakir Ahamed 30 अगस्त 2016, 12:15