libro de referencia CSS

reglas CSS @

大全 de propiedades CSS

Funciones CSS (Functions)Manual completo de selectores CSS

CSS + Selector de hermano adyacente

Selector de hermano adyacente (+) Entre dos selectores, cuando el segundo elemento sigue inmediatamente después del primer elemento y ambos elementos son hijos del mismo elemento padre, se selecciona el segundo elemento.

Manual de referencia de selectores CSS completos

Ejemplo en línea

Seleccione todos los <p> y el primer <span> que siguen inmediatamente después de un elemento <div>:

Ejemplo

<!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>Bienvenido a基础教程网(es.oldtoolbag.com)</h1>
<div>
<p>Nuestra dirección web es: es.oldtoolbag.com.</p>
<p>El nombre de nuestro sitio web es:基础教程网.</p>
<span>Mostrar selector de hermano adyacente</span>
<span>Mostrar selector de hermano adyacente</span>
</div>
<p>Le proporcionamos varios tutoriales básicos para aprender. Aprenda bien los fundamentos y podrá ir más lejos! </p>
</body>
</html>

Prueba y mira ‹/›

Definición y uso

former_element　+　target_element　{　style　properties　}

elemento+elemento　 El selector de hermano adyacente se utiliza para seleccionar el primer elemento que sigue inmediatamente después del elemento especificado (no interno).

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales lo soportan elemento+elemento Selector de hermano adyacente

Nota: 　elemento+elementoen IE8Para ejecutarse en IE, debe declararse 　<!DOCTYPE>Manual de referencia de selectores CSS completos

Funciones CSS (Functions)Manual completo de selectores CSS