Html ：激活的<；选择器；a>；不带href属性的标记

我使用如下引导分页：

<ul class="pagination">  
<li class="page-item"><a class="page-link" >1</a></li>
<li class="page-item"><a class="page-link" >2</a></li>
<li class="page-item"><a class="page-link" >3</a></li>
<li class="page-item"><a class="page-link" >4</a></li>
<li class="page-item"><a class="page-link" >5</a></li></ul>

但是：活动选择器不工作

---

如何使用不带href属性的标记更改活动元素？

如果未应用

：active

样式，请确保（例如，在浏览器开发工具的帮助下）未覆盖您的样式。在这种情况下，使用更高的特定性来应用您的样式

另外：

href

对于

a

标记是必需的。只需使用占位符

href

如下：

<a href="#" class="page-link">1</a>

如合同中所述：

---

如果未应用

：active

样式，请确保（例如在浏览器开发工具的帮助下）未覆盖样式。在这种情况下，使用更高的特定性来应用您的样式

另外：

href

对于

a

标记是必需的。只需使用占位符

href

如下：

<a href="#" class="page-link">1</a>

如合同中所述：

---

引导将活动类添加到li元素。 所以，您需要编写以下css来获取活动元素的边界

li.active {border: solid 2px #f51d19;}

---

引导将活动类添加到li元素。 所以，您需要编写以下css来获取活动元素的边界

li.active {border: solid 2px #f51d19;}

---

你可以在这里使用javascript，这就是我所做的

$（'li a'）。在（'click'，function（）上{
$（'li a'）.removeClass（'active'）；
$（this.addClass（'active'）；
})

a.active{
边框：2px实心#f51d19！重要；}

1
2
3
4
5

您可以直接使用javascript，这就是我所做的

$（'li a'）。在（'click'，function（）上{
$（'li a'）.removeClass（'active'）；
$（this.addClass（'active'）；
})

a.active{
边框：2px实心#f51d19！重要；}

1
2
3
4
5使用


在那里添加
/
使用


添加
/
可能会尝试一个：active{border:solid 2px#f51d19！important；}有时需要对现有CSSIT进行过度查看。如果使用javascript，您可以只在单击的页面上添加类activetag@RaniMorelesRubillos如果在该元素上添加活动类，单击其他元素时是否需要删除该类？@JoyceLee尝试查看我所做的操作hhttps://jsfiddle.net/qLgxrob1/2/using 活动选择器，当您单击链接时，它将变为活动链接。您的代码可以正常工作。但我认为您希望使分页中的当前页面值处于活动状态/与其他页面不同。这不是活动选择器的工作。使用类来完成您的工作。可以尝试使用：active{border:solid 2px#f51d19！important；}有时需要对现有CSSIT进行过度查看。如果使用javascript，您可以在单击的页面上添加活动类tag@RaniMorelesRubillos如果在该元素上添加活动类，单击其他元素时是否需要删除该类？@JoyceLee尝试查看我所做的操作hhttps://jsfiddle.net/qLgxrob1/2/using 活动选择器，当您单击链接时，它将变为活动链接。您的代码可以正常工作。但我认为您希望使分页中的当前页面值处于活动状态/与其他页面不同。这不是活动选择器的工作。使用类来完成您的工作。提问者正在尝试使用不带href attribute的标记来更改活动元素，但如果我使用attribute href，当我单击此元素时，它将重定向到页面顶部…因为上面是Bootstraps文档的原始引用，这不应该是正常行为。。。你确定你已经正确地包含了所有必要的Bootstrap.css和.js文件吗？提问者正在尝试使用不带href attributeb的标记来更改活动元素，但如果我使用attribute href，当我单击此元素时，它将重定向到页面顶部……因为上面是Bootstraps文档的原始引用，这不应该是正常的行为。。。您确定已经正确包含了所有必要的Bootstrap.css和.js文件吗？
<a href='#/'>LINK</a>