JSFiddle - React, Tailwind, and code Playground
by Rosa_td
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">/*Escribir aqui los estilos de la tarea*/
* {
color: #000000 ;
}
#titulo {
color: #2E8B57 ;
}
#subtitulo {
color: #0000CD ;
}
strong {
color: #FF0000;
}
.destacado {
color: #FF8C00;
}
.especial {
color: #FF8C00;
}
.row strong {
color: #FF8C00;
}
p a {
color: #FF0000;
}
p a em {
color: #0000FF;
}
p .especial {
color: #8B008B;
}
caption {
color: #0000FF;
}
tbody tr td,em {
color: #006400;
}
tbody tr td strong {
color: #FF8C00;
}
tfoot tr th {
color: #FF0000;
}
.row {
color: #FF0000;
}
#adicional p,span {
color: #6B8E23;
}
#especial {
color: #FF00FF;
}
p a {
color: #006400;
}
table {
width: 400px;
border: 1px solid #000;
border-collapse: collapse;
}
table th, table td {
border: 1px solid #000;
}
</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 id="subtitulo">Aliquam tincidunt, sem eget volutpat porta</h2>
<p>Vivamus velit dui, placerat vel, feugiat in, ornare et, urna. <a href="#">Aenean turpis metus, <em>aliquam non</em>, tristique in</a>, pretium varius, sapien. Proin vitae nisi. Suspendisse <span class="especial">porttitor purus ac elit</span>. Suspendisse eleifend odio at dui. In in elit sed metus pretium elementum.</p>
<table summary="Descripción de la tabla y su...