2015-04-21 5 views
6

Wie ich im Titel erwähnen, ich bin mir nicht sicher, ob es mir und meine coding- „Fähigkeiten“, oder einfach nur ein Außenseiter-Konzept:Nicht sicher, ob machbar: H2: nicht (: first-line)

Kann ich die Zeilen nach ändern: Erste Zeile der H1- und H2-Tags?

Das war für ein Experiment, alle so nicht zu wichtig, ich die Titel wie mein Geschäfts des Logo, Stil wollte:

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

+0

warum Sie nicht, dass das Element eine 'class = "Logo"' geben, So können Sie die Transformation durchführen. – vaso123

+0

Sie könnten jeden Teil (die erste Zeile und dann den Rest) in separate "span" -Elemente in Ihrem HTML-Code einfügen, jeder Klasse eine Klasse zuweisen und sie dann separat formatieren. – Jon

+1

keine Transformationen in einem ': First-Line' Selektor https://developer.mozilla.org/en-US/docs/Web/CSS/::first-line und nur einfache Selektoren in einem': not() 'http : //www.w3.org/TR/css3-selectors/#negation, damit es nie funktioniert. Sie müssen die Linien irgendwie wickeln und sie einzeln zielen – Pevara

Antwort

1

Ja: wird die zweite Zeile um 180 ° gedreht. Sehen Sie, ob dieses Beispiel für Sie funktioniert.

2

ein Kollege von mir hatte die gleiche Frage.

Also sagen wir, Sie haben einen Absatz von 3 Zeilen.

Dadurch:

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

Sie nehmen nur bei der Erstellung der erste Zeile des Absatzes, nicht wahr?


Also, im Grunde, wenn Sie schreiben:

p { ... } 

p:first-line { ... } 

Die erste Erklärung ist Ihr :not(:first-line) :)