52 - Pseudo-clases: first-child y last-child




Problema:

Confeccionar una página que muestre un conjunto de párrafos. Luego mediante la pseudoclase firs-child acceder al primer párrafo y aplicarle un borde superior de 1px de color negro. De forma similar acceder al último párrafo de la lista y aplicarle un borde inferior de 1px de color negro.

<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<p>SQL, Structure Query Language (Lenguaje de Consulta
 Estructurado) es un lenguaje de programacion para 
 trabajar con base de datos relacionales como MySQL, 
 Oracle, etc.</p>

<p>MySQL es un interpretador de SQL, es un servidor 
de base de datos.</p>

<p>MySQL permite crear base de datos y tablas,
 insertar datos, modificarlos, eliminarlos, ordenarlos, 
 hacer consultas y realizar muchas operaciones,
 etc., resumiendo: administrar bases de datos.</p>

<p>Ingresando instrucciones en la linea de comandos
 o embebidas en un lenguaje como PHP nos comunicamos
 con el servidor. Cada sentencia debe acabar con
 punto y coma (;).</p>
</body>
</html>
p:first-child {
  border-top:1px solid black;
}

p:last-child {
  border-bottom:1px solid black;
}
Ver solución


Retornar