Javascript 段落第一个字的风格

我正在尝试为一段的第一个单词设计样式，但它不起作用。有人能帮忙吗。我会写第一个字母，但不会写第一个单词。我有理由不使用

来执行此操作

。产品名称{
宽度：100vw；
文本对齐：右对齐；
字体大小：4.5vw；
字母间距：-0.05em；
颜色：#ffffff；
"
}
#这里的第一个字母p：：第一个字母{
字体系列：arial；
字号：900；
字号：3em；
}
#这里的第一个单词p：：第一个单词{
字体系列：arial；
字号：900；
字号：3em；
}

牛奶和饼干。


牛奶和饼干。

据我所知，css无论如何都无法做到这一点，但您可以使用javascript做到这一点：

css中的第一个单词没有伪类 它们只有：第一行和：第一个字母 若您需要设置样式，可以通过添加span标记并将类应用于第一个单词来实现

---

没有

：：第一个单词
psuedo元素。-
#这里的第一个单词>p:before{font-family:arial；font-weight:900；font-size:3em；content:“Milk”}
虽然这在理论上可以回答问题，但在此处包含答案的基本部分，并提供链接供参考。如果链接页面发生更改，则仅链接的答案可能无效