带有 CSS 或 Javascript 的字符串开头的目标编号

Question

I am trying to target the size of a number at the start of a word.

For example - I have the brand 4ever and want to resize the '4' to be the same size as the trailing text 'eva'

Is there a way to do this in CSS or do I need Javascript?

Thanks

Answer 1

you can try it with ::first-letter.

Check docs here: https://www.w3schools.com/cssref/sel_firstletter.asp

p::first-letter {
  font-size: 200%;
  color: #8A2BE2;
}