段落の最初の単語のスタイルを設定しようとしていますが、機能しません。誰も助けることができます。私は最初の文字をスタイルすることができますが、最初の単語はスタイルできません。これを行うには<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>
には、 '::最初-word'擬似要素はありません。 –
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