Html 是否有任何方法可以使用SASS将基于内容的样式应用于span？

其目的是仅使用动态

SASS

样式处理器，而不使用任何

javascript/jQuery，将
css
样式应用于
span
元素。

应用样式的条件应该是

span

中的文本

例如：

应为绿色
刚刚跨越
刚刚跨越
刚刚跨越
刚刚跨越
只需span

您只需添加一个div或class ex:- 并为所有跨度提供css

.demo类span{
显示：块；
字体大小：30px；
}
.演示类跨度：第n个类型（1）{
颜色：#008000；
}
.演示类跨度：第n个类型（2）{
颜色：#7a73aa；
字体大小：20px；
}
.演示类跨度：第n个类型（3）{
颜色：#ea5f72；
字体大小：15px；
}
.演示类跨度：第n个类型（4）{
颜色：#f1cb06；
}
.演示类跨度：第n个类型（5）{
颜色：#7a73aa；
字体大小：15px；
}
.演示类跨度：第n个类型（6）{
颜色：#f1cb06；
}

应该是绿色的
刚刚跨越
刚刚跨越
刚刚跨越
刚刚跨越
刚刚跨越

如果已知跨距数，您可以使用@Ihazkode，但sad的跨距数未知。唯一可用于标识的是span中的文本。如果是这样的话，你就倒霉了，因为CSS是基于节点工作的，而不是基于节点的内容。你需要在这里使用脚本。@Ihazkode很难过，但看起来是这样的。谢谢你，伙计！这似乎是一个很好的观点，谢谢！