::first-letterir pseido elements, kas ļauj noformēt elementa pirmo burtu bez nepieciešamības ielīmēt tagu ap šo pirmo burtu jūsu HTML. Lai gan DOM nav pievienoti tagi, ir tā, it kā mērķa pirmais burts būtu ietverts tagā. Šo pirmo burtu var noformēt tāpat kā īstu elementu, izmantojot:
p::first-letter ( font-weight: bold; color: red; )
The first letter is bold and red
Rezultāts ir tāds, it kā ap pirmo burtu būtu mākslīgais elements:
The first letter is bold and red.
Pirmais burts ir treknrakstā un sarkanā krāsā
- Pseido elements darbojas tikai tad, ja vecākelements ir bloka konteinera kaste (citiem vārdiem sakot, tas nedarbojas ar
display: inline;elementu pirmo burtu .) - Ja jums ir gan A
::first-letter, un::first-linepar elementu, pirmais burts mantos no pirmās rindas stilu, bet stils uz::first-letterpārrakstīs kad tas stilus konfliktu. - Ja veidojat saturu ar
::before, pirmais burts vai pieturzīme, neatkarīgi no tā, vai tā ir sākotnējā teksta mezgla daļa vai izveidota ar ģenerētu saturu, būs mērķis.
Vairāk informācijas
- Ja izmantojat korķus, lietojiet kopā ar to,
p:first-of-typelai ne katrs pirmais burts tiktu veidots - Pildspalvas piemērs - ar ģenerētu saturu
- W3C Wiki
- W3C CSS3 selektoru modulis
Pārlūka atbalsts
Šie pārlūka atbalsta dati ir no Caniuse, kurai ir sīkāka informācija. Cipars norāda, ka pārlūks atbalsta šo un jaunākās versijas funkciju.
Darbvirsma
| Chrome | Firefox | IE | Mala | Safari |
|---|---|---|---|---|
| 9 | 3.5 | 9 | 12 | 5.1 |
Mobilais / planšetdators
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 3 | 5.0-5.1 |
Piezīme. Pārlūkprogrammā Internet Explorer 8 un vecākām :first-letterversijām izmantojiet vienu kolu divkāršās kolas apzīmējuma vietā.