JSFiddle - React, Tailwind, and code Playground
by Gonzalo
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ejercicio de selectores</title>
<style type="text/css">
#titulo{
color:#16a4a6;
font-size:32px;
font-weight:bold;
}
#subtitulo{
color:#0000fe;
font-size:18px;
font-weight:bold;
}
p{
font-size:12px;
}
table{
border: 1px solid #000000;
border-collapse:collapse;
font-size:12px;
}
table caption{
color:#0000fe;
}
table td{
border:1px solid #000000;
color:#008300;
}
table td strong{
color:#fda400;
}
table th{
color:#fd0000;
border: 1px solid #000000;
font-weight:bold;
}
.especial{
color:#fda400;
}
p > .especial{
color:#930083;
}
.destacado{
color:#fda400;
}
#adicional p{
color:#838300;
}
#adicional a{
color:#008300;
}
#adicional #especial{
color:#fc00fc;
}
strong{
color:#fd0000;
}
p > a{
color:#fd0000;
}
p > a > em{
color:#0000fe;
}
</style>
</head>
<body>
<h1 id="titulo">Lorem ipsum dolor sit amet</h1>
<p>Nulla pretium. Sed tempus nunc vitae neque. <strong>Suspendisse gravida</strong>, metus a scelerisque sollicitudin, lacus velit ultricies nisl, nonummy tempus neque diam quis felis.
<span class="destacado">Etiam sagittis tortor</span> sed arcu sagittis tristique.</p>
<h2...