Question

点击时，我试图让按钮保持按下状态。但是，我正在使用的框阴影部分以及CSS活动状态部分都让我感到困惑。

我知道考虑到这段代码，这是可行的：http://jsfiddle.net/UEkBQ/

这是我正在使用的代码：http://jsfiddle.net/frnYf/

似乎CSS“#button：active”一直在运行，而我只希望在点击时切换它。

Answer 1

第一个小提琴是有效的，因为make-me-green是一个css类名，并且可以通过css规则来定位，其中#button:active不是类名（它是一个由标签id组成的css选择器）一个伪类）。

将您的css规则从#button:active更改为#button.some-css-class-name，将js更改为$(this).toggleClass('some-css-class-name');

您需要#button.some-css-class-name而非.sone-css-class-name的原因是#选择器的优先级高于.选择器。

回答您关于. ...

的问题

<div id="blah" class="blah">hello</div>

我们可以使用其类或ID来定位此div，告诉css我们使用.表示某个类，或#表示id。