Uma página HTML 5 contém o seguinte código dentro da seção <body>: <table> <tr> <th>Produto</th> <th>Marca</th> <th>Preco</th> </tr> <tr> <td class="str">Notebook</td> <td class="str">A</td> <td class="cur">3000,00</td> </tr> <tr> <td class="str">Tablet</td> <td class="str">B</td> <td class="cur">2500,00</td> </tr> </table>
A página possui regras de estilo CSS associadas, que não estão apresentadas aqui. Esse código produz a seguinte saída no navegador:
Deseja-se alterar a exibição dos valores numéricos da última coluna para que tenham alinhamento à direita, sem, entretanto, alterar o alinhamento de seu título ou de outras colunas. Uma regra de estilo que pode ser adicionada para atingir esse objetivo, desconsiderando eventuais efeitos sobre outros elementos da página fora esta tabela, é:
