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>

I have a list as above, at the bottom of the list within li tag there is a pager, and it takes the style of li on the top however I want just >Next there in text format,without any styles.

I have tried to override the styles and no luck.

How can i clear the styles of .pagination block?

Thanks.

4

2 に答える 2

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;
}
于 2012-12-30T20:58:25.470 に答える
2

Unfortunately there is no way to "clear the styles" for a part of a document (oh how I wish there was). You'll have to keep overriding styles until everything looks good, or change the styles that affect the pager so that they don't affect it in the first place (for instance, by adding classes to all the other list elements and targeting those).

You can use Firebug or Chrome's developer tools to quickly see which style rules exactly are affecting your pager.

于 2012-12-30T20:50:42.763 に答える