 |
Pseudo elementler bir elementin belirli bir parçasına css uygulamak için kullanılır. Örneğin;
- İlk harfe veya satıra veya elemente stil uygulamak için
- Bir elementin içeriğinden önce veya sonra bir içerik eklemek için
Syntax
selector::pseudo-element {
property: value;
}
Not! Pseudo class'lar ile pseudo elementleri ayırmak için CSS'te pseudo elementlerin gösterim şekli tek iki noktalı gösterim yerine CSS3 ile çift iki noktalı gösterim şeklinde değiştirildi. Geriye dönük uyumluluk sağlamak için tek noktalı gösterim şeklide hala desteklenmektedir.
All CSS Pseudo Elements
| Selector | Example | Example description |
|---|---|---|
| ::after | p::after | Her bir <p> element başına bir şeyler eklemek için |
| ::before | p::before | Her bir <p> elementin sonuna bir şeyler eklemek için |
| ::first-letter | <p::first-letter | Her bir <p> elementin ilk harfine stil eklemek için |
| ::first-line | p::first-line | Her bir <p> elementin ilk satırına stil eklemek için |
| ::selection | p::selection | Her bir <p> elementin kullanıcı tarafından seçilen kısmına stil eklemek için |
No comments:
Post a Comment