Html 使用CSS是否可以在没有跨距的段落中以字母为目标？

我试图给我的信件添加一种效果，但我不想到处添加一堆span标签。是否可以使用CSS将一行文本中的特定字母作为目标

我知道有第一个孩子，第一个孩子，唯一的孩子，最后一个孩子，最后一个孩子，最后一个孩子，唯一的孩子，第N个孩子，第N个孩子，最后一个孩子，我相信。但在任何组合中，这些都无助于实现我的愿望

这就是我需要逐字瞄准的目标。 你好。

这是我不想要的。Norletting.js

<p>
<span class"somefancyname">H</span>

<span class"somefancyname">e</span>

<span class"somefancyname">l</span>

<span class"somefancyname">l</span>

<span class"somefancyname">o</span>

<span class"somefancyname">.</span>
</p>

H
E
L
L
o
.

最后-使用那么多的

span

标记真的不好吗？如果我用那么多，我会觉得脏。。。不知道为什么。提前感谢！如果有人能把这句话改写成有意义的话——我觉得我有点胡扯了——谢谢

---

注意：我想给字母添加不同的动画。不仅仅是（1）在页面上的位置-这就是为什么我关注多个

span

标记的原因。什么动画？有些在这里弹跳，有些在那里变色，可能在那边旋转。我唯一的解决方案是使用JS还是屈服于

span

标记？

我知道jquery可以做到这一点：

$(document).ready(function(){
count = 0; limit = 10;
var refreshId = setInterval( function() {
if(count < limit) {

$( '.data tr:contains("blah")') .css( {"display":"none"} );
$( '.mainpart h2 a') .css( {"text-decoration":"underline" , "color":"#38c"} )

}
else {
clearInterval(refreshId);
}
}, 2000);
});

$（文档）.ready（函数（）{
计数=0；极限=10；
var refreshId=setInterval（函数（）{
如果（计数<限制）{
$（'.data tr:contains（“blah”））.css（{“display”：“none”}）；
$（'.mainpart h2 a'）.css（{“文本装饰”：“下划线”，“颜色”：“#38c”}）
}
否则{
clearInterval（刷新ID）；
}
}, 2000);
});

我认为这在纯CSS中是不可能的。如果你不想使用span，你可能需要一些Javascript/jQuery。一个好的ol'风格的图像怎么样？@Yuriy这就是我害怕的。这很简单，我觉得没有必要使用JS——我想如果我在这里提问，也许CSS忍者会有所帮助。你的问题的简短回答恐怕是：“没有。”只有

：第一个字母
可以通过CSS获得。JS解决方案将为您插入html标记，因此JS解决方案与您已经获得的解决方案之间并没有真正的区别。