CSS "pseudo-element" ile Kullanışlı İki İpucu

Merhaba, ::before ve ::after  sözde elementleri ile kullanışlı iki tane örnek göstereceğim. Bu örnekleri daha fazla çoğaltabiliriz.
Burada ki örnekleri gördükten sonra, başka yerlerde de buna benzer işler yapabileceğimiz aklımıza gelecektir.

İlk örneğimiz ile başlayalım. first-child::before ve last-child::after tan da yardım alarak bir içerikte istediğimiz gibi sembolleri kullanabileceğimizi göreceğiz.

Tabi bu CSS3 ile gelen bir özellik bunu da belirtelim.

İkinci örnekte ise sırasız bir liste için özel madde işareti noktaları oluşturmak için, content özelliğini, :: before pseudo-element ile birlikte kullanabilirsiniz.

Aşağıdaki CSS'de, iki farklı noktayı ayırt etmek için .complete ve .incomplete olarak iki sınıf kullanıyoruz.




kendime notlar...