Stil erstes Wort des Absatzes

Ich versuche, das erste Wort eines Absatzes zu stylen, aber es funktioniert nicht. Kann jemand helfen. Ich kann den ersten Buchstaben formatieren, aber nicht das erste Wort. Ich habe Gründe, <span> nicht zu verwenden, um dies zu tun. JSFiDDLE HEREStil erstes Wort des Absatzes

.product-title { 
 
    width: 100vw; 
 
    text-align: right; 
 
    font-size: 4.5vw; 
 
    letter-spacing: -0.05em; 
 
    color: #ffffff; 
 
    " 
 

 
} 
 
#first-letter-here p::first-letter { 
 
    font-family: arial; 
 
    font-weight: 900; 
 
    font-size: 3em; 
 
} 
 
#first-word-here p::first-word { 
 
    font-family: arial; 
 
    font-weight: 900; 
 
    font-size: 3em; 
 
}

<div id="first-letter-here"> 
 
    <p> 
 
    Milk and cookies. 
 
    </p> 
 
</div> 
 

 
<div id="first-word-here"> 
 
    <p> 
 
    Milk and cookies. 
 
    </p> 
 
</div>

Quelle

2016-10-14 Eddy

Es gibt kein ':: first-word' psuedo-Element. –

http://stackoverflow.com/questions/55612/css-to-increase-size-of-firstword - '# first-word-here> p: vorher { Schriftfamilie: arial; Schriftgewicht: 900; Schriftgröße: 3em; Inhalt: "Milch" } ' – mplungjan

-3

soweit ich weiß, gibt es sowieso nicht dies mit CSS zu tun, aber man kann es mit Javascript tun: http://www.dynamicsitesolutions.com/javascript/first-word-selector/

Quelle

2016-10-14 12:07:49

Während dies die Frage theoretisch beantworten könnte, [** wäre es vorzuziehen **] (// meta.stackoverflow.com/q/8259), die wesentlichen Teile der Antwort hier aufzunehmen , und stellen Sie den Link als Referenz zur Verfügung. Nur-Link-Antworten können ungültig werden, wenn sich die verknüpfte Seite ändert –

kein pseudo Klasse für: erstes Wort in css sie haben nur: first-line und: first-letter wenn Sie stylen müssen, können Sie es tun, indem Sie Span-Tag hinzufügen und Klasse auf das erste Wort anwenden.

http://www.w3schools.com/css/css_pseudo_elements.asp

Quelle

2016-10-14 12:17:53 hackthecodes

Stil erstes Wort des Absatzes

Antwort

Verwandte Themen