JSFiddle - React, Tailwind, and code Playground

by Gretchen Ward

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<ul class="nav nav-pills">
  <li role="presentation"><a href="#">Home</a></li>
  <li role="presentation"><a href="#">Prices</a></li>
  <li role="presentation"><a href="#">Booking Details</a></li>
<li role="presentation"><a href="#">Fleet</a></li>
<li role="presentation"><a href="#">Terms</a></li>
<li role="presentation"><a href="#">Contact Us</a></li>
</ul>

CSS

.nav>li>a:focus, .nav>li>a:hover {
color: red;
}

a {
color: #000;
}