css - HTML/CSS 嵌套问题

Question

我希望“辅助功能”链接只是纯文本，例如“欢迎访问我的网站！” 但它一直采用我为标签设置的属性。这是我第一次建立一个网站，所以如果你有关于我的代码外观的提示，我愿意接受建议。谢谢你！

http://jsfiddle.net/kSNmS/1/

Answer 1

如何在导航链接上使用一个类，并以这种方式定位它们？

http://jsfiddle.net/kSNmS/4/

Answer 2

最简单的解决方案是更改 <a>标签的 CSS 特性。这是一篇关于 CSS 特异性的文章，可能会对您有所帮助：http: //www.stuffandnonsense.co.uk/archives/css_specificity_wars.html。

因此，要实现您想要的，请更改以下内容

a
{ 

    float:left;
    font-family: 'Alike', serif;
    width:17.50em;
    text-decoration:none;
    color:green; 
    background-color:silver;
    letter-spacing:5px;
    padding:0.5em 0.9em;
    border-width: 3px 1.5px 3px 1.5px   
}

更具体的东西，比如

ul a
{ 

    float:left;
    font-family: 'Alike', serif;
    width:17.50em;
    text-decoration:none;
    color:green; 
    background-color:silver;
    letter-spacing:5px;
    padding:0.5em 0.9em;
    border-width: 3px 1.5px 3px 1.5px   
}