HTML/CSS 嵌套问题答案

【问题标题】：HTML/CSS Nesting issuesHTML/CSS 嵌套问题
【发布时间】：2012-07-12 02:18:37
【问题描述】：

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

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

【问题讨论】：

您的某些标签似乎没有关闭...查看 HTML 代码的底部，“文本框”<div> 和 <p> 没有结束标签。

标签： css html tags nested

【解决方案1】：

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

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

【讨论】：

哇！没想到反应这么快！我真的在默默地为自己欢呼，现在是凌晨 3 点，这已经困扰了我好多年了。当计时器允许我时，我会接受这是我的答案（：谢谢！！

【解决方案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   
}

【讨论】：