这让我有些难过。我想在#content div中将所有段落的第一个单词设为14pt，而不是默认的段落(12pt)。有没有办法在纯CSS中做到这一点，还是我将第一个单词包装在一个跨度中来完成此操作？

解决方案

回答

我们必须将单词包装在一个跨度中才能完成此操作。

回答

我们正在寻找的是不存在的伪元素。有：first-letter和：first-line，但是没有：first-word。

我们当然可以使用JavaScript进行此操作。这是我发现执行此操作的一些代码：http://www.dynamicsitesolutions.com/javascript/first-word-selector/

回答

使用强元素，这是目的：

<div id="content">
    <p><strong>First Word</strong> rest of paragraph.</p>
</div>

然后在样式表中为其创建样式。

#content p strong
{
    font-size: 14pt;
}

回答

没有简单的CSS方法。我们可能必须使用JavaScript + Regex才能弹出一个范围。

理想情况下，第一个单词会有一个伪元素，但是我们不走运，因为这似乎不起作用。我们确实有：first-letter和：first-line。

我们可能可以使用：after或者：before的组合来使用它，而无需使用跨度。

回答

我必须不同意Dale ...强元素实际上是错误使用的元素，意味着我们只是想为元素提供样式时，就暗示了内容的含义，用途或者重点。

理想情况下，我们可以使用伪类和样式表来完成此操作，但是由于这不可能，因此我们应该使标记在语义上正确，并使用<span class =" first-word">。

回答

与jQuery相同：

$('#links a').each(function(){
    var me = $(this);
    me.html( me.text().replace(/(^\w+)/,'<strong></strong>') );
  });

或者

$('#links a').each(function(){
    var me = $(this)
       , t = me.text().split(' ');
    me.html( '<strong>'+t.shift()+'</strong> '+t.join(' ') );
  });

(通过jQuery邮件列表上的" Wizzud")