No CSS, existem numerosos seletores utilizados para diferentes fins, incluindo seletores de curingas, seletores de identificação, seletores de classe e muito mais. Mais especificamente, o seletor de curinga escolhe vários elementos de uma só vez. Ele seleciona nomes de classe ou características de um tipo semelhante e atribui propriedades CSS. Sempre que os usuários empregam este seletor de curinga no CSS, todos os itens com o mesmo nome de classe serão selecionados.

Este post demonstrará o uso do curinga * no CSS para a aula.

Como utilizar o curinga * no CSS para a aula?

Para utilizar o curinga * no CSS para a aula, experimente o procedimento mencionado.

Etapa 1: Insira um título
Primeiro de tudo, adicione um título utilizando a tag de título. Para fazer isso, adicionaremos o “

" marcação.

Etapa 2: Crie contêineres de div
Crie três recipientes de div. Separados com a ajuda do “”Elemento e insira um“aula”Atributo em cada contêiner com um nome específico de acordo com suas preferências.

Etapa 3: Adicione texto
Em seguida, utilize o “

”Tag para inserir texto na forma de um parágrafo. Além disso, adicione um “aula”Atributo com um nome único. Em seguida, incorpore um texto entre a tag de parágrafo:

Linuxhint Ltd UK

Primeiro contêiner
Segundo contêiner
Terceiro contêiner

Linuxhint fornece o conteúdo para várias categorias, incluindo Docker, HTML/CSS, Discord, PowerShell, Windows, Git Hub e muito mais.

Saída

Etapa 4: Acesse a classe "STR" utilizando o * curinga
Então, especificando “[classe*= "str"]”Selecionará todos os elementos div cujo nome de classe começa com“str”:

[classe*= "str"]
Antecedentes: RGB (80, 119, 250);
cor branca;

Em seguida, aplique as seguintes propriedades CSS em todos os elementos selecionados:

• ““fundo”Propriedade define a cor para o fundo do elemento.
• ““cor”Aloca a cor específica para o elemento.

Etapa 5: cabeçalho de estilo
Acesse o cabeçalho com a ajuda do “

" marcação:

H1
Cor: RGB (44, 3, 230);
Alinhamento de texto: centro;

Depois disso, o “cor”A propriedade é aplicada para tornar o cabeçalho colorido e definir o "alinhamento de texto”Valor da propriedade como“Centro”Para centralizar alinhar o texto.

Etapa 6: Recipiente de estilo “Main-Div”
Acesse o contêiner principal da div, utilizando o seletor de pontos com o nome da classe “.Principal-Div”:

.main-div
alinhado-itens: centro;
Alinhamento de texto: centro;
largura: 60%;
margem-esquerda: 80px;
borda: 2px azul sólido;

No trecho de código acima:

• ““alinhado-itens”Propriedade define o alinhamento do elemento como“Centro”.
• ““alinhamento de texto”É utilizado para alocar o alinhamento do texto no elemento.
• ““alinhado-itens”Propriedade define o alinhamento do elemento como“ centro ”.
• ““margem-esquerda”Define a margem do lado esquerdo do elemento.
• ““fronteira”Define um limite fora do elemento com uma largura, estilo e cor adequados.

Saída

É isso! Você aprendeu sobre o curinga * no CSS para a aula.

Conclusão

O curinga "*" no CSS é um seletor utilizado para selecionar todos os elementos de acordo com o valor definido. Depois de selecioná -los, você pode aplicar um único layout de estilo a todos os elementos. Essa abordagem é útil quando é necessária para estilizar vários elementos com o mesmo valor de classe. Este artigo explicou o curinga * no CSS para a classe.