Classes e subclasses CSS
No HTML, vários atributos são usados para identificar exclusivamente o elemento, como “aula" e "eu ia" atributos. Você também pode atribuir mais de um nome a uma classe em um elemento ou criar subclasses dentro dos elementos. Estes são utilizados principalmente para apontar para outra classe em uma folha de estilo. Mais especificamente, as classes e subclasses CSS ajudam a definir um grupo de elementos HTML para aplicar formatação e estilo exclusivos aos elementos selecionados com a ajuda das propriedades.
Este blog demonstrará:
- O que são aulas e subclasses CSS?
- Como acessar a classe CSS e subclasses?
O que são aulas e subclasses CSS?
A CSS “aula”É um atributo utilizado para especificar uma coleção de elementos HTML para que estilos e formatação específicos possam ser aplicados a todos esses componentes. Quando os usuários detectam ou desenvolvem padrões de design reutilizáveis que se conectam a uma classe pai, outra classe pode ser facilmente criada usando o termo “subclasse”. Depois disso, você pode realocar e reutilizar as coisas em vários lugares sem interromper os estilos ou alterar os seletores usando subclasses em vez de seletores.
Como acessar aulas e subclasses CSS?
Para acessar as classes e subclasses CSS, siga o procedimento declarado abaixo.
Etapa 1: faça um recipiente "div"
Primeiro, crie um “div“Contêiner com a ajuda do“" elemento. Então, adicione um “aula”Atributo dentro da tag de abertura da div e atribui um nome específico à classe.
Etapa 2: Crie uma tabela
Em seguida, utilize o “ Saída Etapa 3: Crie outro contêiner div Agora, crie outro contêiner de div e adicione uma classe seguindo o mesmo método. Etapa 4: faça outra mesa Utilize o “ Saída Etapa 5: estilo de estilo “main-div” Agora, acesse o atributo da classe principal e aplique as propriedades abaixo da listada: Aqui: Etapa 6: classe de estilo e subclasse Nesta etapa declarada, acesse a classe principal e a subclasse com a ajuda de seu nome e seletor de atributos como “.Principal-Div" e ".contente”: Depois de acessar a classe e a subclasse, aplique o “cor”Propriedade para definir a cor para o texto adicionado. Saída Etapa 7: estilo “Segunda Div” classe Acesse a outra classe principal, utilizando o mesmo procedimento da Div principal: Então, aplique o “fronteira" e "margem”Propriedades para isso. Etapa 8: Subclasse de estilo “Conteúdo” Agora, acesse a outra subclasse e aplique o “corPropriedade CSS para especificar a cor para adicionar texto: Pode -se notar que as classes CSS e suas subclasses relevantes foram estilizadas com sucesso: Isso foi tudo sobre o uso das classes e subclasses CSS. Conclusão Para acessar as classes e subclasses CSS, primeiro, crie um contêiner de div com a ajuda de “”E insira uma classe com um nome específico. Em seguida, faça outro elemento entre o contêiner, pois criamos uma tabela usando o “”Tag para criar uma tabela. Além disso, atribua uma classe dentro da
tag, conhecido como sua subclasse. Em seguida, crie linhas na tabela com a ajuda de “
”E use o“ ”Para adicionar os dados da tabela: Linuxhint é uma organização baseada no Reino Unido. Linuxhint O melhor site de tutorial ”Tag para criar outra tag:
TSL funciona para Linuxhint Ltd UK TSL é a melhor organização dos criadores de conteúdo .main-div
borda: 3px RGB sólido (240, 38, 2);
margem: 10px 100px;
.Principal-Div .contente
Cor: RGB (8, 12, 240);.Segunda Div
borda: 3px azul sólido;
margem: 10px 100px;.segunda div .contente
Cor: RGB (27, 240, 7);”Tag e adicione uma classe dentro da tag da tabela com um nome específico. Depois disso, a classe de acesso e a subclasse no CSS e aplique propriedades CSS para estilo. Este post declarou sobre aulas e subclasses CSS.