title: Why does the Anchor still use the default css even I styled it differently (GWT)?
body: <p>In Gwt, we have these default css for Anchor:</p>
  
  <p>In css file</p>
  
  <pre><code>.gwt-Anchor:link {color:black;}
  .gwt-Anchor:visited {color:#00FF00;}
  
  .gwt-Anchor:active {
      color:#0000FF;
  }
  
  .gwt-Anchor:hover {
      color:#FF00FF;
      cursor: pointer;
      cursor: hand;
  }
  </code></pre>
  
  <p>That means whenever i created a new Anchor, it will use the default.</p>
  
  <p>But i want a custom one with blue color. That is I want everything is exactly the same as default Anchor except that the Anchor is blue.</p>
  
  <p>So I created these:</p>
  
  <pre><code>.blueAnchor:link {color:blue;}
  .blueAnchor:visited {color:#00FF00;}
  
  .blueAnchor:active {
      color:#0000FF;
  }
  
  .blueAnchor:hover {
      color:#FF00FF;
      cursor: pointer;
      cursor: hand;
  }
  </code></pre>
  
  <p>Then in Java file</p>
  
  <pre><code>Anchor loadMoreAnchor=new Anchor("Load More");
  
  loadMoreAnchor.addStyleName(getView().getRes().css().blueAnchor());
  </code></pre>
  
  <p>Nothing happened to loadMoreAnchor as it still use the default Amchor css.</p>
  
  <p>What is the problem? If you can fix it, can you ALSO tell me how to do to avoid duplicated css code. Look at <code>gwt-Anchor</code> &amp; <code>blueAnchor</code>, they are the same but have 1 different. We cold do things like:</p>
  
  <pre><code>.blueAnchor:link {color:blue;}
  .gwt-Anchor:link {color:black;}
  .gwt-Anchor:visited, .blueAnchor:visited {color:#00FF00;}
  
  .gwt-Anchor:active, .blueAnchor:active {
      color:#0000FF;
  }
  
  .gwt-Anchor:hover, .blueAnchor:hover {
      color:#FF00FF;
      cursor: pointer;
      cursor: hand;
  }
  </code></pre>
  
  <p>But I am not sure i am doing correctly.</p>
  
  <p>Note: This is the actual javascript code of loadmore anchor: <code>&lt;a class="gwt-Anchor GEMVVLYDKI" href="javascript:;"&gt;Load More&lt;/a&gt;</code></p>