jquery - 用 css 类选择器覆盖 JQuery 类选择器

Question

我有下一个 HTML 代码:

<ul data-role="listview" style="margin-top: 0;">
   <li>
      <a  data-bind="attr: {href: 'tel:' + person().officePhone}">
            <img class="PersonDetailsUlImage" src="/view/mobile/images/Icon_phone_36x36_drkgry.png" />
            <h6>Office</h6>
            <p data-bind="text: person().officePhone"></p>
      </a>
   </li>
</ul>

在我的 CSS 文件中，我将“PersonDetailsUla”类设置为如下代码:

.PersonDetailsUla 
{
    padding: 0 0 0 50px;
}

当我尝试查看我的 PersonDetailsUla 样式是否有效时，我看到 Jquery 正在覆盖并应用另一个类:

Class="PersonDetailsUla ui-link-inherit"

是否有任何选项可以覆盖 ui-link-inherit 的填充但尽可能不那么具体？如果我将使用 ID 选择器，它会起作用，但我正在尝试尽可能不具体。谢谢

Answer 1

创建一个新的 css 文件并在 jquery css 文件之后包含它，并在自定义样式表中定义您的样式以覆盖 jquery ui 样式。所以:

<!-- jQuery stylesheet-->
<link href="/Content/Styles/jquery-ui-1.8.14.css" media="screen" rel="Stylesheet" type="text/css" />
<!-- Your own custom stylesheet-->
<link href="/Content/Styles/Custom.css" media="screen" rel="Stylesheet" type="text/css" />