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文本格式，没有任何样式。

我试图覆盖样式，但没有运气。

如何清除.pagination块的样式？

谢谢。

4

2 回答 2

2

不幸的是，没有办法为文档的一部分“清除样式”（哦，我多么希望有）。您必须继续覆盖样式，直到一切看起来都很好，或者更改影响寻呼机​​的样式，以便它们不会首先影响它（例如，通过向所有其他列表元素添加类并定位那些） .

您可以使用 Firebug 或 Chrome 的开发人员工具快速查看哪些样式规则正在影响您的寻呼机。

于 2012-12-30T20:50:42.763 回答
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 回答