ANDREA BACCOLINI
Web designer

CSSAward nominated
CSS Design Award nominated
CSS Reel Award nominated

COME SELEZIONARE LA PRIMA RIGA DI TESTO IN HTML SOLO TRAMITE CSS.

Argomenti: , ,

Autore: Andrea Baccolini

Le esclusioni css
Mag
22
2014

Traduzione dell’articolo “How to Target First Line of Text in HTML Using CSS Only” del blog “Stanislav Kostadinov.” e dell’articolo ::first-line del blog “CSS TRICKS

 
In questo post troverete il modo di selezionare e modificare solo la prima riga di testo usando il selettore CSS :first-line.

Nota: Il selettore “:first-line” può essere utilizzato solo con gli elementi a livello di blocco.

Se avete bisogno di indirizzare solo la prima riga di testo in HTML, è possibile utilizzare il selettore :first-line.

Ecco un semplice esempio di come utilizzarlo nel vostro file CSS:

Il seguente codice seleziona qualsiasi paragrafo nel documento e applicherà il colore rosso solo per la prima riga di ogni paragrafo. Naturalmente, è possibile aggiungere un id o una classe al fine di indirizzare un elemento specifico del tuo sito web.

Quello che ho trovato essere interessante, però, è che non si può usare qualcosa come “p: last-line” se è necessario modificare lo stile dell’ultima riga di testo, simile al first-child/last-child o al first-of-type/last-of-type.

 

 

Questo pseudo-elemento funziona solo su elementi block-level (quando visualizzazione è impostata su block , inline-block , table-caption , table-cell ). Se impostato su un elemento inline, non succede niente, anche se tale elemento inline ha una interruzione di linea all’interno di esso.

Si noti inoltre che non tutte le proprietà possono essere utilizzate in un set di regole contenente ::first-line. Prevalentemente:

Qui potete trovare le specifiche W3C di questa pseudoclasse: LINK
 

SUPPORTO BROWSER

ChromeSafariFirefoxOperaIEAndroidiOS
YepYepYep3.5+ (old)
9+
5.5+ (old)
9+
YepYep

 

Traduzione dell’articolo “How to Target First Line of Text in HTML Using CSS Only” del blog “Stanislav Kostadinov.” e dell’articolo ::first-line del blog “CSS TRICKS

 

 

COME SELEZIONARE LA PRIMA RIGA DI TESTO IN HTML SOLO TRAMITE CSS. ultima modifica: 2014-05-22T11:03:06+00:00 da Andrea Baccolini

Articolo scritto o tradotto da Andrea Baccolini

Web designer freelance di Padova.
Specializzato in siti internet moderni, convalidati W3C e responsive.
Realizza temi per il CMS Wordpress. Indicizzazione sui motori di ricerca.

COMMENTA QUESTO ARTICOLO!

Per favore compila il captcha (richiesto):

Andrea Baccolini | Web designer Copyright 2012 - 2017 © Responsive design - Seguimi su Facebook e su Google+ - CF:BCCNDR76P08D325K.