2015-04-21 15 views
6

Jak wspomina w tytule, nie jestem pewien, czy to ja i moje kodowaniu "umiejętności", lub po prostu pojęcie odmieniec:Nie wiem, czy jest to wykonalne: H2: not (: first-line)

Czy mogę zmienić linie po: pierwsza linia znaczników H1 i H2?

To był dla eksperymentu, więc nie zbyt ważne, chciałem projektować tytuły jak logo mojej firmy jest: druga linia jest obracany o 180 °:

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

+0

dlaczego nie dać tego elementu do 'class = "logo"', więc możesz zrobić transformację. – vaso123

+0

Możesz zawinąć każdą część (pierwszy wiersz, a potem resztę) w oddzielnych elementach 'span' w kodzie HTML, nadać każdemu klasę, a następnie nadać jej osobny styl. – Jon

+1

bez transformacji w selektorze ': first-line' https://developer.mozilla.org/en-US/docs/Web/CSS/::first-line i tylko proste selektory w': not() 'http : //www.w3.org/TR/css3-selectors/#negation, więc to nigdy nie zadziała. Będziesz musiał jakoś zawinąć linie i skierować je osobno. – Pevara

Odpowiedz

1

Tak. Sprawdź, czy ten przykład działa dla Ciebie.

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

mój kolega miał to samo pytanie.

Załóżmy, że masz akapit złożony z 3 linii.

Robiąc:

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

po prostu zwrócić uwagę na pierwszą linię swojej ust, prawda?


Więc w zasadzie, jeśli napiszesz:

p { ... } 

p:first-line { ... } 

Pierwsza deklaracja jest twój :not(:first-line) :)

Powiązane problemy