CSS3 seçici :first-of-type belirli bir sınıf adı ile ilk elemanı seçmek için kullanmak mümkün mü? Düşünce değil bu yüzden ben benim test başarılı olamadım?

CSS...

p:first-of-type {color:blue}
p.myclass1:first-of-type {color:red}
.myclass2:first-of-type {color:green}

HTML...

<div>
  <div>This text should appear as normal</div>
  <p>This text should be blue.</p>
  <p class="myclass1">This text should appear red.</p>
  <p class="myclass2">This text should appear green.</p>
</div>

Jsfiddle... http://jsfiddle.net/YWY4L/ deneylerim

Hayır, sadece bir seçici kullanarak değil. :first-of-type pseudo-sınıf onun ilk elemanı seçeryazın(div, p, vb). Sınıf seçici (ya da bir tür seçici) sözde sınıfı ile kullanarak belirli bir sınıf (ya da belirli bir türü) varsa, bir öğe seçmek demektirvekardeşler arasında türünün ilk örneği.

Ne yazık ki, sadece bir CSS sınıfı ilk geçtiği seçtiği :first-of-class seçici sağlamaz. Geçici bir çözüm olarak, bu gibi bir şey kullanabilirsiniz:

.myclass1 { color: red; }
.myclass1 ~ .myclass1 { color: /* default, or inherited from parent div */; }

Geçici çözüm için açıklamalar ve çizimler here here verilmiştir.