风格的第一个字段

Question

我正在尝试设置段落的第一个单词，但它不起作用。谁能帮忙。我可以设置第一个字母，但不是第一个字。我有理由不使用<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>

Answer 1

没有伪类：css中的第一个单词 他们只有：第一线和第一封信 如果您需要样式，可以通过添加span标签并将类应用于第一个单词来实现。

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

Answer 2

据我所知，无论如何都没有用css做到这一点，但你可以用javascript做到：http://www.dynamicsitesolutions.com/javascript/first-word-selector/