Question

我的HTML代码就像这样

<section class="archive-pages">
  <ul>
    <li><a title="Pagina 1" href="virtual-assistants-network">1</a></li>
    <li><a title="Pagina 2" href="virtual-assistants-network-2">2</a></li>
    <li><a title="Pagina 3" href="virtual-assistants-network-3">3</a></li>
    <li><a title="Pagina 4" href="virtual-assistants-network-4">4</a></li>
    <li><a title="Pagina 5" href="virtual-assistants-network-5">5</a></li>
  </ul>
</section>

如何为分页项目提供活动页面颜色，以便它显示所选的锚标记页面，背景颜色为蓝色，文本为白色？

Answer 1

你应该包括这种语言，但无论它是什么概念都是一样的，如果你想应用特殊的样式，那么给这个菜单一个“活跃的”类。然后像这样创建你的风格。如果您正在使用某种类型的控件来为您构建分页，那么您需要手动提取所需的信息来构建它。

HTML

<section class="archive-pages">
  <ul>
    <li><a title="Pagina 1" href="virtual-assistants-network">1</a></li>
    <li><a title="Pagina 2" href="virtual-assistants-network-2" class="active">2</a></li>
    <li><a title="Pagina 3" href="virtual-assistants-network-3">3</a></li>
    <li><a title="Pagina 4" href="virtual-assistants-network-4">4</a></li>
    <li><a title="Pagina 5" href="virtual-assistants-network-5">5</a></li>
  </ul>
</section>

CSS

.archive-pages a.active{
    color:#FFFFFF;
    background-color:blue
}

如何在分页中添加永久活动颜色

1 个答案: