使用CSS设置句子的第一个单词的样式

时间:2016-09-21 20:45:41

标签: html css

我试图仅使用CSS来设置特定句子的第一个单词(即我无法更改HTML)。我觉得我接近答案,但我似乎无法做到。我选择的CSS选择器是:

main > h2:nth-child(2)+p {
  color: red;
}

我无法在此处发布HTML,因为它没有正确格式化,但可以在此JSFiddle上找到:https://jsfiddle.net/gk0bwtvs/20/

谢谢,

brld

再次:我无法更改HTMl,或添加任何类型的Javascript。

1 个答案:

答案 0 :(得分:2)

您需要更改HTML以将第一个单词放在可以选择CSS的范围内,或者您需要使用JavaScript来检测第一个单词,然后使用JavaScript将该单词放在一个范围内你可以选择CSS。

只有一种方法可以实现这一目标。创建自己的浏览器应用程序,并添加对:first-word伪元素选择器的支持。