无法确定正在应用/继承哪个 CSS 属性答案

【问题标题】：can't figure out which css property is being applied/inherited无法确定正在应用/继承哪个 CSS 属性
【发布时间】：2012-04-18 00:35:42
【问题描述】：

我正在使用来自 twitter bootstrap css 的一些组件，并已组合成一个自定义 css 文件。

我主要使用与工具栏相关的组件并设置了工具栏。

我已经应用了以下附加 css，但是对于 .signinbox_left: hover 由于某种原因，悬停框比周围的 li 大得多。我已经尝试了边距、填充和高度的组合来让它工作，但似乎有一些我无法理解的 css 属性正在应用。此外，我不知道如何覆盖此属性。

这是托管示例：http://dl.dropbox.com/u/3417415/Toolbar/toolbar.html

这是不按预期方式工作的 css。将鼠标悬停在“创建帐户”上以了解我的意思。

.signinbox_left :hover{

    background-color: red;
    float:right;
    position:relative;
    -moz-border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
    -khtml-border-radius: 8px 0px 0px 8px;
    border-radius: 8px 0px 0px 8px;

    }

【问题讨论】：

你试过没有边框吗？可能正在填补它。

标签： css twitter-bootstrap

【解决方案1】：

试试这个。移除浮动和位置。

.signinbox_left:hover{

  background-color: red;
  -moz-border-radius: 8px 0px 0px 8px;
  -webkit-border-radius: 8px 0px 0px 8px;
  -khtml-border-radius: 8px 0px 0px 8px;
  border-radius: 8px 0px 0px 8px;

}

请注意，类和 :hover 之间没有空格。

【讨论】：

解决了，谢谢。类和悬停之间的空间也影响着事情。谢谢你帮助我。在过去的几个小时里，这一直让我发疯。

【解决方案2】：

使用 SRWare Iron（实际上是 Chrome）检查器，我看到该元素具有维度度量 padding: 10 10 11 4。

在 css 中有一个 .topbar div > ul a, .nav a 的定义和实际定义 padding: 10px 10px 11px; （toolbar.css 第 14 行）。禁用该行会使元素适当地缩小。

我将从那个 .topbar 定义开始。

【讨论】：