HTML Element Style How to - Color anchor color for Device responsive css

Question

We would like to know how to color anchor color for Device responsive css.

Answer


<!DOCTYPE html>
<html>
<head>
<style>
@media screen and (max-device-width: 480px) {
  li a {<!--from  w  ww .j  a  v  a  2 s  .c  o m-->
    color: red
  }
}
</style>
</head>
<body>
  <ul>
    <li><a href="#">qwe</a></li>
    <li><a href="#">asd</a></li>
    <li><a href="#">zxcvbnm asdfgh</a></li>
  </ul>
</body>
</html>

The code above is rendered as follows: