Seletor CSS * (asterisco)
O seletor CSS * seleciona todos os elementos. O seletor * também pode selecionar todos os elementos dentro de outro elemento. Saiba mais sobre o seletor e experimente os exemplos.
O seletor * (asterisco) seleciona todos os elementos de um documento.
O seletor * também pode selecionar todos os elementos dentro de outro elemento.
Versão
Sintaxe
**Sintaxe do seletor CSS ***
* {
css declarations;
}Exemplo do seletor *:
**Exemplo de código do seletor CSS ***
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
* {
background-color: #8ebf42;
}
</style>
</head>
<body>
<h2>* selector example</h2>
<div class="example">
<p id="example1">Lorem ipsum is simply dummy text...</p>
<p id="example2">Lorem ipsum is simply dummy text...</p>
</div>
<p>Lorem ipsum is simply dummy text...</p>
</body>
</html>Exemplo do seletor * para um elemento <div> :
**Outro exemplo de código do seletor CSS ***
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
div * {
background-color: #8ebf42;
}
</style>
</head>
<body>
<h2>* selector example</h2>
<div class="example">
<p id="example1">Lorem ipsum is simply dummy text...</p>
<span id="example2">Lorem ipsum is simply dummy text...</span>
</div>
<p>Lorem ipsum is simply dummy text...</p>
</body>
</html>Prática
Prática
What are the types of CSS selectors mentioned on the specified URL?
Was this page helpful?