Change last letter color

Question

Example code:

string

I want to change the color on the last letter, in this case \"g\", but I need soluti

Answer 1

It could be achieved using only CSS and an ::after pseudo-element without any changes in HTML:

.test {
  font-size: 16pt;
  position: relative;
}
.test::after {
  bottom: 0;
  color: red;
  content: 'g';
  position: absolute;
  transform: translate(-100%, 0);
}

string