CSS "::" vs ":" - sözde seçici vs psödo seçici?

Question

CSS ve tipografiyi araştırıyorum ve sözde seçmenlerin bu ilginç kavramına rastladım. Tek kolonlu psuedo seçicilerini kullandım ve psuedo seçicilerinin çift kolonlu versiyonuna aşina değilim. I understand çift kolonuna sözde seçici yerine pseudo-element denir - ama neden? Ve fark nedir?

Ayrıca, tek kolonun çok daha fazla desteklendiğini anlıyorum, bu nedenle çift kolonlu sözde öğeyi hangi durumda kullanırsınız? Çift kolonun gerekli olduğu durumlar var mı ve tek bir kolon işi bitirmez mi? bu durum ne olabilir?

"Sözde öğelerin aksine, sözde sınıflar, seçici zincirde herhangi bir yerde görünebilir." (linkten alıntı) - 'seçici zincir' ne bilmiyorum, ama bu aynı zamanda çift kolon yaklaşımının bir başka sınırlaması gibi görünüyor. Neden (benim anlayışımda) tek kolonun daha az desteklenen bir sürümü varsa çift kolon kullanmalıyım?

düzenleme: onlar işlevsel olarak aynı olmadığı görülmektedir: fiddle

<div><p>First Line</p></div> 
<div><p>Second Line</p></div> 

css

div:nth-child(1) > p { 
    color: green; 
} 

div::nth-child(2) > p { 
    color: blue; 
} 

Answer 1

Sözde sınıflar (:) Eğer örneğin bir elementin farklı durumlarını stil izin Üzerine geldiğinizde, devre dışı bırakıldığında, ebeveynin ilk çocuğu olduğunda, vb.

Sözde öğeler (::), bir öğenin farklı bölümlerini örn. ilk satır, ilk harf, önce veya sonra içeriğin eklenmesi, vb.

Başlangıçta hepsi tek bir kolon kullandılar, ancak CSS3 ikisini ayırmak için çift kolonunu tanıttı.