::first-letteron pseudoelement, mis võimaldab teil kujundada elemendi esimest tähte, ilma et peaksite selle HTML-i esimese tähe ümber silti kleepima. Kuigi DOM-ile ei lisata silte, oleks justkui sihtmärk esimene täht sildi sees. Selle esimese tähe saate kujundada nii, nagu oleksite tõeline element:
p::first-letter ( font-weight: bold; color: red; )
The first letter is bold and red
Tulemus on selline, nagu oleks teil esimese tähe ümber faux-element:
The first letter is bold and red.
Esimene täht on paks ja punane
- Pseudoelement töötab ainult siis, kui vanemelement on plokkmahuti kast (teisisõnu, see ei tööta
display: inline;elementide esimese tähe puhul ). - Kui teil on nii
::first-letterja::first-lineelemendil esimene täht pärivad esimesest joonestiilid, kuid stiile kohta::first-letterkirjutatakse kui stiile konflikti. - Sisu
::beforegenereerimisel on sihtmärgiks esimene täht või kirjavahemärk, olenemata sellest, kas see on osa algsest tekstisõlmest või loodud loodud sisuga.
Rohkem informatsiooni
- Suurte korpuste kasutamisel kasutage neid koos,
p:first-of-typenii et iga esimene täht ei muutu stiiliks - Näidispliiats - loodud sisuga
- W3C Wiki
- W3C CSS3 selektorite moodul
Brauseri tugi
Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.
Töölaud
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 9 | 3.5 | 9 | 12 | 5.1 |
Mobiil / tahvelarvuti
| Android Chrome | Android Firefox | Android | iOS-i Safari |
|---|---|---|---|
| 88 | 85 | 3 | 5,0–5,1 |
Märkus . Internet Exploreri 8 ja vanemate versioonide puhul kasutage :first-lettertopeltkooloni tähistuse asemel ühte koolonit .