JSFiddle - React, Tailwind, and code Playground

by DustyWhite

HTML

<p>Q6: John Connor: <a href=#>Here are the <span class="offsite" title="Skynet's Terminator [T-3] Repair Manual For Human Cybernetic Engineers">T3 specs</span> to be studied</a>, hosted offsite on a secret server link.</p>

<p>
*****
</p>


<p>
*****
</p>


<p>
*****
</p>



<p>

test <a href="#">123</a>

</p>



<p>
*****
</p>


<p>
*****
</p>


<p>
*****
</p>



<p>Q8: Connor McGreggor: Here are the <a href=# class="offsite" title="Skynet's Terminator [T-3] Repair Manual For Human Cybernetic Engineers">T3 specs</a>, hosted on our public Dropbox account in a folder titled "The Quick and Easy Way to Disable Skynet's Killer Robots, Written Specifially for MMA Fighters (also "norobots.txt")."</p>

CSS

/* a
{
	background-color: pink;
} */

.offsite
{
	font-weight: bold;
}

[title]
{
	font-style: italic;
}

a:hover
{
/* 	background-color: blue;
	 */	color:red;
}


/* Q8 */
a.offsite[title]:hover
{
	background-color: brown;
	color:yellow;
}


/* Q6 */
a .offsite[title]:hover 
{
	background-color: green;
} */