关于菜单内CSSing的两个问题

时间:2015-05-26 作者:densssky

首先,如果你告诉我如何将一个类(css)分配给默认的span标记,该标记包含WP控制面板创建的菜单内的链接,我会很高兴。

第二个问题是如何使用@媒体查询在菜单中定义不同风格的链接?如果我使用的是图像而不是菜单中的文本,那么如何将不同的img应用于其他分辨率?比方说,我得到了IMG\\u 1用于大于999px宽度的屏幕,IMG\\u 2用于小于999px的屏幕。我绝对不能从css中插入url。。。那么,如何让它发挥作用呢?我不想使用背景图像作为链接,它很难看:/

谢谢

更新:好吧,我想我回答了自己的第二个问题。我使用span(为了不在span中使用div,默认标记附带WP:/)作为内联块元素,并为其指定宽度和高度,并在css中使用背景图像。这样我就可以确保它具有悬停效果,也可以使用适当的@meta。

1 个回复
最合适的回答,由SO网友:dingo_d 整理而成

如果希望导航span元素是一个块,而不是内联元素,只需通过css将其作为目标

nav > ul > li > a > span{
    display:block;
}
这提供了如下HTML结构:

<nav>
    <ul>
        <li>
            <a href="#" class="menu-link">
                <span>Home</span>
            </a>
        </li>
        <!-- other list elements go here -->
    </ul>
</nav>
希望这有帮助。

结束

相关推荐

custom css in one page

我正在尝试向wordpress页面添加自定义css。虽然css的某些部分不起作用,但出于某种原因,它试图从库中加载图像。不确定这是否与css或wordpress有关。以下是我试图添加的css,但它不起作用:我试着改变字体大小,但不起作用,它确实可以让我改变字体系列,但不能改变大小@import \"url(http://fonts.googleapis.com/css?family=Bree+Serif)\"; .widgettitle{ font-family: \'Bree Serif