1

http://www.milknhny.co.uk/

我有一个似乎无法找到的 CSS 问题，这肯定不在我的 style.css 中，我对它的来源感到困惑。

我试图为我的菜单设计样式，这总体上给我造成了严重破坏。

它正在创建的 css 如下：

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1.1em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

我被告知这是谷歌自己的风格，它超越了我自己的风格。

现在我已将其添加到我自己的 CSS 中，并将 40px 覆盖为 0 px ！在 padding-start 上很重要。但是我希望避免这种情况。

任何人都可以提供有关如何解决的建议吗？因为这是在我的菜单上创建一个大的左手边距（见网站）

请忽略菜单的位置，因为在我解决此问题之前，它还没有完全设计

4

3 回答 3

3

我刚刚明白了。#agent li除了您在CSS 部分中提到的填充值之外，用户代理样式表还给出了填充值。我只是对删除 chrome DOM 检查器中的 CSS 感兴趣，并且网站对我来说看起来不错

于 2012-12-24T02:22:05.327 回答
1

只会说和ashutosh 一样。如果您指定 UL 具有零填充应该可以正常工作。我认为应该尽可能避免使用 !important 和内联 CSS。

于 2012-12-24T02:24:24.887 回答
0

如此处所述，您可以使用该!important标签。

另一种选择是在受影响的项目上使用内联 css：

<div id="menuwrapper">
<div id="menuwrapperinner">
<div id="access">
<div class="menu">
   <ul style="padding: 0;"  >
   <!-- or 
   <ul style="-webkit-padding-start: 0;" > -->
       <!-- your <li></li> items here -->
   </ul>

（您可能想尝试使用 Chrome 开发工具）

PS：使用 wordpress 的主题或查看 Bootstrap 来实现自己的菜单。

于 2012-12-24T02:10:45.127 回答