<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width">
<title>
Selector sel1 ~ sel2
</title>
<style>
/* Selecciona todos los
* strong
* hermanos después de
* em */
em~strong {
background-color: yellow;
}
</style>
</head>
<body>
<h1>
Selector
<em>sel1</em>
<strong>~</strong>
<em>sel2</em>
</h1>
<p>
<em>Este</em>
<strong>ejercicio</strong>
está
<em>muy</em>
divertido
<strong>ggg</strong>
<em>jajaja</em>
<!-- superíndice -->
<sup>jejeje</sup>
<strong>jijiji</strong>
🤣🤣🤣.
</p>
</body>
</html>