CSS文本样式

Question

有没有办法在标记中为第一个单词设置不同于该标记中其他单词的方式？例如，假设我有这段代码：

<h4>Worpress Quick Tip Of The Week</h4>

我是否有办法用“Wordpress”这个词来设置与使用css的其他词不同的方式？我知道我可以在Wordpress这个词周围加上一个独特的类，但是如果不这样做就可以吗？

Answer 1

不，你不能。

您需要使用其他标签。

CSS使用以标记为目标的选择器。但是，正如您将注意到的，标记内的文本不是任何可以被任何选择器定位的内容。您定位包含文本的标记。

如果你可以包裹它周围的任何东西，那么你可以。例如，只需添加一个范围，然后您就可以：

  

p：first-child {font-size：2em}

因为p的第一个孩子将是跨度。

Answer 2

你可以使用：first-letter伪标签，如果你想设置第一个字母，但我不知道第一个字的标签。

h4:first-letter {
  font-size: larger;
}

Answer 3

<强> Have a look at this please.

有first-letter和first-line但不是first-word，但您可以借助javascript实现此目的。

<强> Demonstration.

Answer 4

遗憾的是，没有:first-word选择器。你可以看看这个script虽然通过将firstWord类添加到第一个单词来实现它。

span.firstWord {
  font-weight:bold;
  text-decoration: underline;
}