JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fonts.googleapis.com/css?family=Molle:400italic"></script>
<h2>Top 3 Players</h2>

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Rank</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><a href="viewuser.php?u=20">Tom</a></td>
            <td>1</td>
        </tr>
        <tr>
            <td><a href="viewuser.php?u=4">Dick</a></td>
            <td>2</td>
        </tr>
        <tr>
            <td><a href="viewuser.php?u=8">Harry</a></td>
            <td>3</td>
        </tr>
    </tbody>
</table>

CSS

h2 {
    font-weight:bold;
    border-bottom:solid 1px #999;
    font-size:20px;
    padding-bottom:5px;
    margin:10px;
    color:#666;
}
table {
    margin:10px;
    width:90%;
    font-family:sans-serif;
    font-size:15px;
}
table thead tr th,
table tbody tr td {
    width:100px;
    text-align:right;
    border-top:solid 1px #CCC;
    padding:10px 20px;
    color:#333;
}
table thead tr th:first-child,
table tbody tr td:first-child {
    width:auto;
    text-align:left;
}
table thead tr th {
    background:#F0F0F0;
}
table tbody tr:hover td {
    background:#FFF8DC;
}
a { 
    color:#009;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: normal;
    src: local('Pacifico'), url('http://themes.googleusercontent.com/font?kit=fKnfV28XkldRW297cFLeqfesZW2xOQ-xsNqO47m55DA') format('truetype');
}

a.special {
    font-family: 'Pacifico', Arial, sans-serif !important;
}

JavaScript

$('a[href*="viewuser"]').addClass('special');