Css: (js olmadan) sınıfıyla son öğe stil ekleme I (JAVASCRIPT</strong> OLMADAN <strong>) listesinde sınıfıyla son öğe seçmek css oluşturmak (küstahlık) seçicisi, bir sorun var

Question

:

<ul> 
    <li class="post pinned">1</li> 
    <li class="post pinned">2</li> 
    <li class="post">3</li> 
    <li class="post">4</li> 
</ul> 

Son gönderiyi sabitlenmiş sınıfla seçmeniz gerekir (ör. 2).

fiddle

Answer 1

Sorun: sadece olursa olsun neler sınıf kabın son çocuğu seçer, çünkü aslında :last-child yılında

çalışmaz ve last-of-type bunun için işe gitmeyen tek Son öğeyi kabınızdan belirli bir türle seçer.

Alternatif:

Yani temelde iyi çözüm böyle elemanı için özel bir sınıf kullanmaktır:

.micropost {} .micropost.pinned { 
 
    color: red; 
 
} 
 
.micropost:last-child { 
 
    color: green; 
 
} 
 
.lastPinned { 
 
    background-color: green; 
 
}

<ul> 
 
    <li class="micropost pinned">1</li> 
 
    <li class="micropost pinned lastPinned">2</li> 
 
    <li class="micropost">3</li> 
 
    <li class="micropost">4</li> 
 
    <li class="micropost">5</li> 
 
    <li class="micropost">6</li> 
 
    <li class="micropost">7</li> 
 
</ul>