如何设置锚点下拉链接的样式？

Question

我正在尝试设计导航的样式，实际上除去了可怕的蓝色和蓝色下划线以及随之而来的所有其他垃圾。通常，以下代码可以使用 -

a:link {text-decoration: none;}      /* unvisited link */
a:visited {text-decoration: none; font-color:#1d1d1d;}  /* visited link */
a:hover {text-decoration: underline; font-family: 'Overlock', cursive; }  /* mouse over link */
a:active {text-decoration: none;}  /* selected link */ 

但我的链接链接到同一页面上的部分，因此这些样式不起作用。很抱歉，如果这不能解释得很好，最好在这里向我展示我的代码 -

导航 -

<li><a href="#showcase">ShowCase</a></li>

结束链接 -

<h4><a name="showcase">S</a>howcase</h4>

我可以应用哪些样式来删除文本修饰

谢谢！