HTML / CSS嵌套问题

时间:2012-07-12 02:18:37

标签: css html tags nested

我希望“辅助功能”链接只是纯文本,例如“欢迎使用我的网站!”但它继续采用我为我的标签设置的属性。这是我第一次建立一个网站,所以如果你有关于我的代码看起来如何的提示,我愿意接受建议。谢谢!

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

2 个答案:

答案 0 :(得分:1)

如何在导航链接上使用课程并以这种方式定位?

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

答案 1 :(得分:1)

最简单的解决方案是更改<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   
}