2012-12-30 44 views
1
<ul> 
     <li><a href="url">Title</a></li> 
     ... trimmed 
     <li> 
      <div class="pagination"> 
       <ul> 
        <li class="PagedList-skipToNext"> 
         <a href="/NextPage">> Next</a> 
        </li> 
       </ul> 
      </div> 
     </li> 
    </ul> 

我有一個列表,上面,在列表的li標籤有一個尋呼機內的底部,它需要的li風格的頂部,但是我只想>Next那裏文本格式,沒有任何樣式。清除風格最後Li含量的

我試圖重寫樣式,沒有運氣。

如何清除.pagination塊的樣式?

謝謝。

+4

這在很大程度上取決於你的CSS。爲什麼選擇jQuery? – undefined

+0

我已經嘗試'removeAttr('style')'並沒有工作。 – DarthVader

+0

因爲它沒有樣式屬性?您可以使用CSS聲明屬性並覆蓋其他屬性'.PagedList-skipToNext a {/ * * /}' – undefined

回答

2

不幸的是,沒有辦法爲文檔的一部分「清除樣式」(哦,我多麼希望這樣)。您必須保持覆蓋樣式,直到一切看起來不錯,或者更改影響分頁器的樣式,以便它們不會首先影響它(例如,通過將類添加到所有其他列表元素並將它們作爲目標) 。

您可以使用Firebug或Chrome的開發人員工具快速查看哪些樣式規則完全影響您的尋呼機。

2

只需覆蓋您在.pagination類定義的任何風格:

.pagination a 
{ 
    font-size: 10pt; 
    color: red; 
    /* any other property you want to override here... */ 
} 

或者只是添加一個新類到錨標記像<a href="/NextPage" class="next">> Next</a>

.next 
{ 
    font-size: 10pt; 
    color: red; 
}