मैं समझता हूं कि मैं अंतिम तत्व को लक्षित कर सकता हूं यदि वे एक ही वर्ग का उपयोग कर रहे हैं या वे एक ही तत्व हैं। लेकिन जिस तरह से मैं निर्माण कर रहा हूं वह उपयोगकर्ता जो भी तत्व अंदर रखेगा (कृपया संलग्न उदाहरण देखें)। बस सोच रहा था कि क्या सीएसएस द्वारा कॉल करना अभी भी संभव है? या वह कुछ ऐसा होगा जो CSS द्वारा नहीं किया जा सकता है?

.header p:last-of-type{
  color: red;
 }
<div class="header">
  <h1>I am numbe one</h1>
  <h3>number two</h3>
  <p>something</p>
  <p>something</p>
  <button>last one - red</button>
</div>

<div class="header">
  <h1>I am numbe one</h1>
  <h3>number two</h3>
  <p>last one - red</p>
</div>

<div class="header">
  <p>number 1</p>
  <h1>something</h1>
  <h3>last one - red</h3>
</div>
3
Yan Mak 2 अक्टूबर 2019, 21:07

1 उत्तर

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

हाँ last-child और .header p:last-child के साथ अंतिम बच्चे को लक्षित करेगा यदि यह <p> </p> तत्व है और यदि आप एक वर्ग के रूप में .header वाले div में अंतिम तत्व को लक्षित करना चाहते हैं।

आप @Chris G

.header *:last-child {
  color: red;
}
<div class="header">
  <h1>I am numbe one</h1>
  <h3>number two</h3>
  <p>something</p>
  <p>something</p>
  <button>last one - red</button>
</div>

<div class="header">
  <h1>I am numbe one</h1>
  <h3>number two</h3>
  <p>last one - red</p>
</div>

<div class="header">
  <p>number 1</p>
  <h1>something</h1>
  <h3>last one - red</h3>
  <p>ddd</p>
</div>
3
Taki 2 अक्टूबर 2019, 18:28