English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Al usar el selector > para separar dos elementos, solo se coincidirá con aquellos que son el segundo elemento de los descendientes directos del primer elemento (hijo). En contraste, cuando dos elementos están conectados por el selector de descendiente, representa la coincidencia de todos los segundos elementos que son descendientes (pero no necesariamente padres) del primer elemento, sin importar cuántas veces 'salten' en el DOM.
Manual de referencia de selector CSS completo
Seleccione todos los elementos <p> que son descendientes directos de un elemento <div>:
<!DOCTYPE html>
<html>
<title>基础教程网(oldtoolbag.com)</title>
<head>
<style>
div>p
{
background-color:red;
color:white;
}
div > span {background-color: DodgerBlue;}
</style>
</head>
<body>
<h1>欢迎来到基础教程网(es.oldtoolbag.com)</h1>
<div>
<p>我们的网址是：es.oldtoolbag.com.</p>
<p>我们的网站名称是：基础教程网.</p>
<span>演示子选择器</span>
</div>
<p>Le proporcionamos各种基础教程学习，学好基础，你才能走得更远！</p>
</body>
</html>Prueba y ve ‹/›elemento1 > elemento2 {Declaración de estilo }element>element El selector de hijo se utiliza para seleccionar el elemento hijo de un elemento padre específico.
Nota: El elemento no seleccionado no puede especificar directamente al hijo del padre.
IEFirefoxOperaChromeSafari
Todos los navegadores principales lo admiten element>element Selector de hijo.
Nota:element>elementen IE8Para ejecutarse en, debe declararse <!DOCTYPE>
Manual de referencia de selector CSS completo