54 - Pseudo-clases: nth-of-type, nth-last-of-type, first-of-type y last-of-type



Problema:

Confeccionar una página que contenga unos párrafos y en su interior varios elementos em y strong. Aplicar un estilo diferente al primer strong.

<!DOCTYPE html>
<html>
<head>
  <title>Problema</title>
  <meta charset="UTF-8">
  <link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<p><em>SQL</em>, <em>Structure Query Language</em> (Lenguaje
 de Consulta Estructurado) es un lenguaje de programacion 
 para trabajar con base de datos relacionales como 
 <strong>MySQL</strong>, <strong>Oracle</strong>, etc.</p>
</div>
</body>
</html>
p strong:first-of-type {
  background-color:red;
}
Ver solución


Retornar