css - 尝试将 "-webkit-box"应用到 Wordpress 中的 "display"属性

Question

我有一个奇怪的问题。我在 Wordpress 中使用 Bones 主题，只是想在我的主页菜单上添加一个样式。

网址是h*Xp://www.advanceditsolutions.net/nearitest/

我尝试使用的 CSS 是这样的:

.home ul#menu-pages {
    display: -webkit-box;
}

我在两个媒体查询部分中都有它，min-width:481 和 min-width:768。我也在媒体查询范围之外尝试过，但没有成功。我不明白为什么它没有被拾起。我在网站上检查它，但没有看到显示 CSS。

糟糕的是，大多数浏览器的位置都很好，但 Chrome 却全都被抬高了。

::挠头::

Answer 1

1) 首先，您使用的是仅适用于特定浏览器的供应商前缀 -webkit-。

2) 检查值是否正确。 Here is display 属性的所有可能值的列表。 您确定 -webkit-box 是可以应用于display 的正确值吗？

也许与其告诉我们您想要应用的 CSS 不起作用，不如分享更大的上下文、屏幕截图并准确地告诉我们您想要实现的目标。

3) 您是否使用一些开发工具，如 Chrome 开发工具、Firebug 或类似的东西来应用和测试样式？它很方便，可以为您节省大量时间来找出问题所在...