Funciones CSS (Functions)Manual completo de selectores CSS

tamaño de atributo3 CSS

Selector hermano universal ~

Manual de referencia de selectores CSS completos

Selector hermano universal, la posición no necesita estar cerca, solo debe estar en el mismo nivel, A ~ B selecciona todos los elementos B del mismo nivel después del elemento A.

Ejemplo en línea

Establecer el color de fuente de cada elemento span después del elemento p en el mismo elemento padre:

Ejemplo
<!DOCTYPE html>
<html>
<head>-8<meta charset="utf　
">3<title>Manual básico (w/(codebox.com)<
title>
<style>
　　p ~ span {
color: red;
body>/}
body>/style>
head>
<body>/<span>Y aquí está un span.<
<span>Este no es rojo.</<p>Aquí hay un párrafo.<
p>/<code>Aquí hay algo de código.<
code>/<span>Y aquí está un span.<
body>/span>
body>/<

html>/Prueba aquí ‹

›

Definición y uso

~1Todos los navegadores principales lo admiten~2 former_element ~ target_element { style properties }1 Selector que coincide con la aparición de2。

~1 el elemento siguiente ~2 y ~2 Estos dos elementos deben tener el mismo elemento padre, pero ~1 No necesita estar inmediatamente después de

debe declararse

Compatibilidad del navegadorIEFirefoxOperaChrome

Safari ~1Todos los navegadores principales lo admiten~2 elemento

SelectorAtención:8 Para usar este selector en versiones anteriores a !。

Manual de referencia de selectores CSS completos

Funciones CSS (Functions)Manual completo de selectores CSS

libro de referencia de CSS

regla de CSS (RULES)

大全 de CSS

tamaño de atributo3 CSS

Selector hermano universal, la posición no necesita estar cerca, solo debe estar en el mismo nivel, A ~ B selecciona todos los elementos B del mismo nivel después del elemento A.

›

debe declararse