Dado o meu e html
e css
respectivamente:
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<link rel="stylesheet" type="text/css" href="css/estilos.css">
<title>Teste</title>
</head>
<body>
<!--<font color="red"><b><i>FIRE</i></b></font>-->
<div class="tipoPokemon">
Tipo <span id="fire">Fire</span><br>
Tipo <span id="water">Water</span><br>
</div>
</body>
</html>
CSS:
.tipoPokemon #fire{
color: red;
text-transform: uppercase;
font-weight: bold;
font-style: italic;
}
.tipoPokemon #water{
color: blue;
text-transform: uppercase;
font-weight: bold;
font-style: italic;
}
A ideia é a seguinte: Formatar palavras específicas no texto, reparem que só muda se a cor no exemplo. Minha dúvida é: Tem como agrupar os 3 atributos que se repetem e fazer uma alternação somente da cor ? Ex: Declarar os 3 atributos como globais e variar só as cores.