Question

我正在尝试为我的字母添加效果，但我不想在整个地方添加一堆span标签。是否可以使用CSS定位一行文本中的特定字母？

我知道我相信有:first-child, :first-of-type, :only-child, :last-child, :last-of-type, :only-of-type ,:nth-child, :nth-of-type ,:nth-last-child和:nth-last-of-type。但是这些都没有帮助我做任何组合的想法。

这是我需要逐字逐句确定的目标。 <p>Hello.</p>

这是我不想要的。也不是 lettering.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>

最后 - 使用那么多span标签真的是糟糕吗？如果我使用那么多我感觉很脏......不知道为什么会这样。提前致谢！如果有人可以改写这个有意义 - 我觉得我有点絮絮叨叨 - 谢谢！

注意：我想在字母中添加不同的动画。不只是（1）放在页面上 - 这就是为什么我关注多个span标签。什么动画？有些人在这里弹跳，有些颜色在那里变化，也许有些人在那边旋转。我唯一的解决方案是使用JS还是仅仅使用span标签？

Answer 1

我知道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);
});

是否可以使用CSS来定位没有跨度的段落中的字母？

1 个答案: