2

我对 jQuery 很陌生，并且有一个主题覆盖 CSS 类的问题。

这是我的 HTML 代码：

<head>
  .clicked
  {
    text-decoration: line-through !important;
    color: #000000; 
  }
</head>
...
<div data-role="collapsible" data-theme="b" data-content-theme="b" data-collapsed icon="arrow-r" data-expanded-icon="arrow-d">
  <ul data-role="listview" id="Key"></ul>
</div>

这是我的 JS：

function WriteQuote(item) {
        $("#"+item).addClass(function(index, currentClass) {    
            if (currentClass.lastIndexOf("clicked") >= 0) {
                $("#"+item).removeClass("clicked");
                return; 
            }
            return "clicked";
        });
    }

我计划使用toggleClass，因此此代码仅用于测试目的。在查看 Firebug 时，我认为这a.ui-link-inherit是首选并适用：

a.ui-link-inherit {
    text-decoration: none !important;
}
.clicked {
    color: #000000;
    text-decoration: line-through !important;
}

有没有办法让我的类覆盖 jQuery 主题的类？我的目标是在用户单击给定的列表视图元素时切换“直通”。

4

1 回答 1

5

主题的 CSS 规则适用，因为它比您的更具体。解决方案是为您的规则添加更多的特异性。

a.ui-link-inherit.clicked {
    color: #000000;
    text-decoration: line-through !important;
}

演示：http: //jsfiddle.net/wryE5/

于 2012-12-28T21:06:43.910 回答