Question

    <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的样式，但我只需要{{1}有文本格式，没有任何样式。

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

如何清除>Next阻止的样式？

感谢。

Answer 1

不幸的是，没有办法为文档的一部分“清除样式”（哦，我希望如何）。你必须保持覆盖样式，直到一切看起来都很好，或者改变影响寻呼机的样式，这样它们一开始就不会影响它（例如，通过向所有其他列表元素添加类并定位它们）

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

Answer 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;
}

清除最后li内容的样式

2 个答案: