JSFiddle - React, Tailwind, and code Playground

by cityremade

HTML

<template id="tmp">
<style>
table td {
  color: blue;
}
</style>
<table>
<tr>
  <td>This is a table cell 1</td>
  <td>This is a table cell 2</td>
</tr>
<tr>
  <td style="col-span:2;">This is a table cell in row 2</td>
</tr>
</table>
</template>

CSS

/*#tmp td {
  border: 2px solid pink !important;
}


#tmp1 td {
  border: 2px dashed blue !important;
}*/

JavaScript

let template = document.getElementById('tmp');
let templateContent = template.content;

// uncomment to see content
document.body.appendChild(templateContent);