html - 部分 CSS 仅适用于具有相同类名的多个元素之一

Question

我正在处理一个简单的小布局，但遇到了一个有趣的 CSS 问题。

我有两个按钮，它们都是“按钮”类，在我的 CSS 中有

.button {
    cursor: pointer;
    background-color: #888;
    border: solid 1px #555;
    padding: .5em 1em .5em 1em;
    font-weight: bold;
}
.button:hover {
    color: #eee;    
    background-color: #999;
    border: solid 1px #777;
}

在第二个按钮上应用了所有 css 规则，但是对于第一个按钮永远不会应用光标，也永远不会点击整个悬停 block 。

Here is an example of what i'm talking about

Answer 1

好的，找到我的问题了!对不起大家。

对于任何关心的人......我已将 css 规则应用于页面上的标题文本，使其覆盖左侧的按钮，因此阻止光标“悬停”

http://jsfiddle.net/rlemon/VdmS9/2/