2016-10-14 15 views
0

段落の最初の単語のスタイルを設定しようとしていますが、機能しません。誰も助けることができます。私は最初の文字をスタイルすることができますが、最初の単語はスタイルできません。これを行うには<span>を使用しない理由があります。 JSFiDDLE HERE段落のスタイルの最初の単語

.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>

+1

には、 '::最初-word'擬似要素はありません。 –

+0

http://stackoverflow.com/questions/55612/css-to-increase-size-of-first-word - '#first-word-here> p:before { font-family:arial; font-weight:900; font-size:3em; 内容: "Milk" } – mplungjan

答えて

-3

私の知る限りでは、CSSでこれを行うには、とにかくそこではありませんが、JavaScriptでそれを行うことができます:http://www.dynamicsitesolutions.com/javascript/first-word-selector/

+0

これは理論的に質問に答えるかもしれませんが、答えの本質的な部分をここに含めるには(** meta.stackoverflow.com/q/8259) 、参照のためのリンクを提供する。リンクされたページが変更された場合、リンクのみの回答は無効になることがあります –

関連する問題