JSFiddle - React, Tailwind, and code Playground

by marina

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: #339999;
font-size:32px;
font-weight:bold;
padding:10px;}

#subtitulo {
color:#0000FF;
font-size:22px;
font-weight:bold;
padding:10px;}

#adicional {
color:#808000}

#adicional > p > a {
color:#008000;}

#especial {
color:#FF00FF;}

p > strong {
color:#FF0000;
font-weight:bold;}

.destacado {
color:#FF9900;}

.especial {
color:#FF9900;
border-width:thin;}

p > a{
color: #FF0000;}

em {
color:#0000FF;
font-style:italic;}

caption {
color:#0000FF;
text-align:center;}

td{
color:#008000;}

td > em {
font-style:italic;
color:#008000;}

td > strong {
color:#FF9900;}

th{
color:#FF0000;}

</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 contenido" >
<caption>Título de la tabla</caption>
<thead>
  <tr>
    <th scope="col"></th>
    <th scope="col" class="especial">Título columna 1</th>
    <th scope="col" class="especial">Título columna 2</th>
  </tr>
</thead>
 
<tfoot>
  <tr>
    <th scope="col"></th>
    <th...