manual de referência CSS

regras CSS (RULES)

大全 de propriedades CSS

Funções CSS Manual Completo de Seletores CSS

Seletor de filho CSS >

Quando dois elementos são separados pelo seletor >, ele só combina aqueles que são o segundo elemento direto do primeiro elemento (filho), em comparação com o seletor de descendente, que combina todos os segundos elementos que existem como descendentes do primeiro elemento (não necessariamente pai) em qualquer quantidade de 'saltos' no DOM.

Manual completo de seletores CSS

Exemplo online

Selecione todos os elementos <p> que são filhos diretos de elementos <div>:

Exemplo

<!DOCTYPE　html>
<html>
<title>Base Tutorial Site (oldtoolbag.com)</title>
<head>
<style>
div>p
{
fundo-cor:red;
cor:white;
}
div　>　span　{fundo-cor:　DodgerBlue;}
</style>
</head>
<body>
<h1>Bem-vindo ao Base Tutorial Site (pt.oldtoolbag.com)</h1>
<div>
<p>A nossa URL é: pt.oldtoolbag.com.</p>
<p>O nome do nosso site é: Base Tutorial Site.</p>
<span>Demonstra o seletor de filho</span>
</div>
<p>Oferecemos várias tutoriais básicos para você aprender, aprenda bem o básico, você pode ir mais longe!</p>
</body>
</html>

Teste e veja ‹/›

Definição e uso

elemento1　>　elemento2　{declaração de estilo　}

element>element O seletor de filho é usado para selecionar o filho de um elemento pai específico.

Atenção: O elemento não selecionado não pode especificar diretamente o filho do pai.

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam element>element seletor de filho.

Atenção:element>elementNo IE8Para executar, deve ser declarado <!DOCTYPE>

Manual completo de seletores CSS

Funções CSS Manual Completo de Seletores CSS