【问题标题】:problems with css regarding menu items关于菜单项的 CSS 问题
【发布时间】:2014-02-15 22:45:01
【问题描述】:

这里是小提琴:

http://jsfiddle.net/frcdd/

这是一个使用 jquery 的下拉菜单。现在,如果您单击小提琴,您将看到问题。

当单击菜单项说“加拿大”时,菜单将正常打开并显示动画,但是菜单项的背景将被剪掉顶部和底部。我不确定发生了什么。我怀疑某处有 CSS 错误,但我花了几个小时寻找,所以我在这里。此外,我似乎无法弄清楚如何将文本装饰更改为无并更改菜单项的悬停、活动、链接、访问颜色。

div.container {
    background:#292B29;
    padding-top:0px;
    margin-top: 0px;
    padding-bottom:0px;
    padding-top:0px;

【问题讨论】:

    标签: css menu jsfiddle


    【解决方案1】:

    你的 uls 有 16px 的边距。把margin 0px放在上面

    .container ul{
        margin: 0px; 
    }
    

    Modified Fiddle

    要更改已访问锚点上的任何内容,请放置伪类 :visited

    a:visited{
       color: blue;
    } 
    

    【讨论】:

    • 但如果我使用 a:visited,我放置 css 的页面是否也会吸收这些值?有没有办法把它和具体的div类关联起来?
    • 当然...只需指定一个像这样洞察特定 div 的锚点 - #specific_div_id a:visited 并且它只填充影响你的元素jsfiddle.net/frcdd/8
    猜你喜欢
    • 1970-01-01
    • 2023-03-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多