Galera estou com uma duvida que é a seguinte criei uma classe tabela, porém coloquei no css a class.tabela { atributos } ; para alterar os dados da tabela linhas , alinhamento, background e etc. para td a mesma coisa table.tabela td{ tributos } ; porém criei um cabeçalho h1 dentro do código igual segue no anexo mais não estou conseguindo edita-lo, estou tentando da seguinte forma; table. tabela h1{ atributos } segue como estou fazendo : HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <link rel="stylesheet" type="text/css" href="cabecalho.css"> <title></title> </head> <body> <table class="tabela"> <h1> Especificações Tecnicas </h1> <caption> Nossos Produtos </caption> <tr> <td> Sites </td> <td> R$299,00 </td></tr> <tr> <td> Banes </td> <td> R$ 29,90 </td></tr> <tr> <td> Cartões de Visita </td> <td> R$29,90 </td></tr> <tr> <td> Montagem de Prpaganda </td> <td> R$ 200,00 </td></tr> <tr> <td>Assistência 24 horas </td> <td> a combinar </td></tr> </table> </body> </html> Css @charset="UTF-8"; table.tabela { font-family: arial; border: 1px solid black; font-size: 30px; border-spacing: 0px; /* espaço entre as celulas */ margin-left: auto; /* alinhamento de margem */ margin-right: auto; /* alinhamento de margem */ background-color: white; } table.tabela td{ border: 1px solid black; padding: 10px; text-transform: uppercase; color: rgb(18,216,240); list-style: none; } table.tabela h1{ color: red; text-align: center; }