與CSS類選擇覆蓋JQuery的類選擇

我的下一個HTML代碼：與CSS類選擇覆蓋JQuery的類選擇

<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"

爲T這裏有什麼選項可以覆蓋ui-link-inherit的填充，但儘可能不那麼具體？如果我將使用ID選擇器，它會工作，但我儘量不太具體。謝謝

來源

2013-03-04 Ofir

我假設你使用的是jQuery Mobile？ – Lowkase 2013-03-04 14:16:21

你有沒有嘗試加入！重要的'.PersonDetailsUla' – bipen 2013-03-04 14:16:25

創建一個新的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" />

來源

2013-03-04 14:31:31 iappwebdev

你試過!important？

padding: 10px !important;

或者，你也可以使用一個稍微更具體的選擇，像這樣：

.PersonDetailsUla.ui-link-inherit { 
    padding: 10px; 
}

這將選擇所有具有「personDetails」兩個元件和「UI鏈接，繼承」類，但它不像使用ID那樣具體。

來源

2013-03-04 14:20:52 anroesti

！重要的是牀的習慣 - 我試圖避免使用它。我嘗試過使用你的第二個建議，但它沒有工作 – Ofir 2013-03-04 14:23:35

在這種情況下，你只能使用更具體的選擇器（如我的例子），或者，如果你有其他樣式表，確保最重要的一個被加載持續。 – anroesti 2013-03-04 14:30:37

與CSS類選擇覆蓋JQuery的類選擇

回答

相關問題