文字に効果を追加しようとしていますが、あちこちにスパン タグを追加したくありません。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
タグに屈する唯一の解決策はありますか?