<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Selector :focus</title>
<style>
:focus {
color: red;
}
input:focus {
background-color: yellow;
}
textarea,
input {
display: block;
}
</style>
</head>
<body>
<h1>Selector :focus</h1>
<p>
<label>
Nombre
<input>
</label>
</p>
<p>
<label>
Relato
<textarea></textarea>
</label>
</p>
<p>
<span>Intenta teclear</span>
</p>
</body>
</html>