title: how to set separate link styles in separate divs in HTML
body: <p>I have two divs in a web page (say view_1 and view_2). I want the styles of the links in each div to be different. Let's say the styles of the links are as follows:</p>
  
  <p>style of links in div view_1:</p>
  
  <pre class="lang-css prettyprint-override"><code>a:link {
      color: #CB4C2F;
      text-decoration: none;
  }
  a:visited {
      color: #CB4C2F;
  }
  a:active,
  a:hover {
      color: #B60A00;
  }
  </code></pre>
  
  <p>style of links in div view_2:</p>
  
  <pre class="lang-css prettyprint-override"><code>a:link {
      color: #B5B5B5;
      text-decoration: none;
  }
  a:visited {
      color: #808080;
  }
  a:active,
  a:hover {
      color: #FFFFFF;
  }
  </code></pre>
  
  <p>In the page, I want to specify only the div in use. I do not want to specify a style for the links; the links should adopt the styles from the div in which they exist. How may this be accomplished?</p>