jquery - 为什么类样式未应用于按钮

Question

关于为什么 CSS 类在按下按钮时没有应用到带有 JQuery 的按钮的任何评论？

CSS

input[type=button] {
    width: 100px;
    &.is-pressed {
        border: 5px solid blue; }
    &.is-not-pressed {
        border: none; }
}

JQuery

$(":button").click(function () {
    $(this).addClass("input[type=button].is-pressed")
    .removeClass("input[type=button].is-not-pressed");

    $(':button').not(this).each(function(){
         $(this).addClass("input[type=button].is-not-pressed");
        });
});

JSFiddle

Answer 1

因为您的样式表不是 CSS，看起来您有一个 LESS 脚本，您需要解析它以便应用 CSS 样式。

另外你的脚本也不合适，当你添加一个类时只需要指定类名而不是所有在css规则中指定的选择器

$(":button").click(function () {
    $(this).addClass("is-pressed")
        .removeClass("is-not-pressed");

    $('.is-pressed:button').not(this).addClass("is-not-pressed").removeClass("is-pressed");
});

演示:Fiddle