Question

我有一个使用悬停效果在网页上显示的列表项。我面临的挑战是当我对列表项应用一些边框或背景时，由于自动生成的填充，它看起来很糟糕。

请看这个图像。

任何人都可以帮我改写它。

我已经搜索了论坛，但我只是从控制台转过来off而不是过度使用它。

enter image description here

Answer 1

来自不同来源的样式表具有不同的优先级：

从最低到最高（*）：

用户代理=浏览器
作者=你
user =浏览器用户

所以，你所需要的只是声明

ul { padding:0 }

这将覆盖UA样式。但是，如果用户使用!important声明自己的样式，那么作为作者，您无法做任何事情 - （幸运的是，对于用户而言）您无法否决这些样式。

^{*在现实生活中，级联性质甚至比这个列表所暗示的更复杂，我没有为了简单起见而覆盖。如果您对此感兴趣，请查看CSS precendence.}

Answer 2

只需添加以下样式：

ul { padding:0 }

这将覆盖默认样式。