Ir para conteúdo
Fórum Script Brasil
  • 0

Herança de classe


Rodrigo Gomes Da Silva

Pergunta

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;
    
}

 

 

 

 

 

 

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...