English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Seletor de irmão geral, a posição não precisa ser adjacente, apenas no mesmo nível, A~B escolhe todos os elementos B do mesmo nível após o elemento A.
Manual completo de seletores CSS
Defina a cor da fonte de cada span após o elemento p no mesmo pai:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Manual básico (oldtoolbag.com)</title>/title>
<style>
p ~ span {
cor: red;
}
</style>
</head>
<body>
<span>This is not red.</span>/span>
<p>Here is a paragraph.</p>/p>
<code>Here is some code.</code>/code>
<span>And here is a span.</span>/span>
</body>
</html>Teste e veja ‹/›former_element ~ target_element { style properties }~1Todos os navegadores populares suportam~2 aparecendo após o elemento1 seletor coincide com o elemento2。
~1 o elemento ~2 e ~2 Esses dois elementos devem ter o mesmo elemento pai, mas ~1 Não precisa estar imediatamente após
Compatibilidade do navegadorIEFirefoxOperaChrome
Safari ~1Todos os navegadores populares suportam~2 elemento
SeletorAtenção:8 Para usar este seletor em versões anteriores ao <!DOCTYPE>。