2015-04-21 6 views
6

Come ho detto nel titolo, non sono sicuro se io e le mie coding- "abilità" è, o semplicemente un concetto disadattato:Non sono sicuro se fattibile: H2: non (: first-line)

Posso modificare le linee dopo il: prima riga dei tag H1 e H2?

Questo è stato per un esperimento, quindi non troppo importante, ho voluto per lo stile dei titoli come il logo del mio business: la seconda linea viene ruotato di 180 °:

H2:not(:first-line){-webkit-transform: rotate(-18deg);}

+0

perché non dare quell'elemento un 'class = "logo"', così puoi fare la trasformazione. – vaso123

+0

Puoi racchiudere ogni parte (la prima e poi la parte rimanente) in elementi separati di span nel tuo codice HTML, assegnare a ciascuno una classe e quindi assegnarli separatamente. – Jon

+1

nessuna trasformazione in un selettore ': first-line' https://developer.mozilla.org/en-US/docs/Web/CSS/::irst-line e solo selettori semplici in un': not() 'http : //www.w3.org/TR/css3-selectors/#negation in modo che non funzionerà mai. Dovrai avvolgere le linee in qualche modo e bersagliarle individualmente. – Pevara

risposta

1

Sì. Guarda se questo esempio funziona per te.

h2:not(:nth-child(1)){-webkit-transform: rotate(-18deg);} 
2

un mio collega aveva la stessa domanda.

Quindi, diciamo, avete un paragrafo di 3 righe.

facendo:

p:first-line { /* CSS */ }

basta prendere in considerazione la prima riga del paragrafo, giusto?


Quindi, in sostanza, se si scrive:

p { ... } 

p:first-line { ... } 

La prima dichiarazione è il vostro :not(:first-line) :)