A szövegben tettem egy *-ot, mely hiába adtam meg neki a színét (RED) nem válik pirossá?

.red{color:#FF0000;

}

.transparent{background: linear-gradient(90deg,#666666,

#000000);

background-clip: border-box;

-webkit-background-clip: text;

-webkit-text-fill-color:

transparent;

}

.red{color:#FF0000;

}

A fenti CSS-sel formáztam a sorokat......

<span class="transparent">portál clickbait-jére</span> <sup class="red"><b><font color="#FF0000">*</font></b><span class="transparent"> véletlenül kattintva értesültem.</span>

A transparent span tag-et lezárva működik csak.