css - 无法弄清楚正在应用/继承哪个 css 属性

Question

我正在使用来自 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;

    }

Answer 1

试试这个。删除 float 和位置。

.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 之间没有空格。