<style>
/* unvisited link */
a:link {
  color: red;
}

/* visited link */
a:visited {
  color: blue;
}

/* mouse over link */
a:hover {
  color: pink;
}

/* selected link */
a:active {
  color: black;
}
</style>
<p><b><a href="https://codesfamily.com" target="_blank">Code family</a></b></p> 

<style>
a.highlight:hover {
  color:red;
} 
</style>

<p><a class="highlight" href="https://codesfamily.com"> Code family</a></p>
<p><a href="https://codesfamily.com">Code family</a></p> 

<style>
div {
  background-color: yellow;
  color: white;
  padding: 25px;
  text-align: center;
}

div:hover {
  background-color: blue;
}
</style>


<pCode family</p>
<div>Code family</div> 

<style>
p {
  display: none;
  background-color: yellow;
  padding: 20px;
}

div:hover p {
  display: block;
}
</style>

<div>Code family.
  <p>we are code family</p>
</div>