Css 如果设置了-webkit box显示属性，则第一个字母不起作用

我想用红色显示第一个字母，但我注意到当我使用

display:-webkit-box

时，

第一个字母

属性可能不再有效

预期行为： 将样式应用于第一个字母（仅CSS），并保留用于激活

-webkit line clamp

属性的

显示

属性（或者找一个CSS替代方案，现在只显示前两行，而不使用

线夹

和

显示

属性，这将允许执行

第一个字母

属性）

h2{
显示：-网络工具包盒；
-webkit线夹：2个；
-网络工具包盒方向：垂直；
溢出：隐藏；
文本溢出：省略号；
宽度：75px；
边框：1px实心浅灰色；
}
h2：：第一个字母{
颜色：红色；
}

---

这是一个非常简单的测试

准确地说，

：：第一个字母

仅适用于：

• 显示：块；

• 显示：内联块；

• 显示：流根；

所以，如果你想要一个适合你的结果，你应该使用js

演示：

（函数（）{
//让我们获取所有用户名，您可能有另一个结构
var users=document.querySelectorAll（'h2'）；
//创建包含高亮显示的星号的范围
var asterisk=document.createElement（'span'）；
asterisk.className='highlight'；
//询问用户（teehee）并检查第一个字符是否为星号
对于（变量i=0；i

h2{
显示：-网络工具包盒；
-webkit线夹：2个；
-网络工具包盒方向：垂直；
溢出：隐藏；
文本溢出：省略号；
宽度：75px；
边框：1px实心浅灰色；
}
/*h2：：第一个字母{
颜色：红色；
}*/
.亮点{
颜色：#f00；
}

---

这是一个非常简单的测试

显示：-webkit-box；

已过时。与解决方案相关：