分页按钮不显示已禁用的css

出于某种原因，当它知道按钮应该被禁用时，它会显示

.paginate_按钮

的css，然后划掉

.paginate_按钮

的css。有人知道为什么吗

.paginate_button_disabled {
    border: 1px solid #F3F3F3;
    color: #CCCCCC;
    margin-right: 2px;
    padding: 2px 5px;
    border: 0;       
}
.paginate_button:hover {
    border:1px solid #52bfea;
    color: #fff;
    background-color: #52bfea;
}
.paginate_active {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #52bfea;
    font-weight: bold;
    background-color: #52bfea;
    color: #FFF;
}
.paginate_button {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    color: #52BFEA;
    border: 1px solid #52BFEA;
}

---

假设您在不删除

.paginate_按钮的情况下向元素添加
.paginate_按钮
，则需要重新排序css

.paginate_按钮
规则应放在第一位：

.paginate_button {
padding: 2px 5px 2px 5px;
margin-right: 2px;
color: #52BFEA;
border: 1px solid #52BFEA;
}
.paginate_button_disabled {
border: 1px solid #F3F3F3;
color: #CCCCCC;
margin-right: 2px;
padding: 2px 5px;
border: 0;       
}
.paginate_button:hover {
border:1px solid #52bfea;
color: #fff;
background-color: #52bfea;
}
.paginate_active {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #52bfea;
font-weight: bold;
background-color: #52bfea;
color: #FFF;
}

CSS的工作方式是将其级联到文档中。因此，如果它们都具有相同的特异性，则下面的CSS规则将获胜。
假设您正在向元素添加
.paginate\u button\u disabled
，而不删除
。paginate\u button
，则需要重新排序CSS

.paginate_按钮
规则应放在第一位：

.paginate_button {
padding: 2px 5px 2px 5px;
margin-right: 2px;
color: #52BFEA;
border: 1px solid #52BFEA;
}
.paginate_button_disabled {
border: 1px solid #F3F3F3;
color: #CCCCCC;
margin-right: 2px;
padding: 2px 5px;
border: 0;       
}
.paginate_button:hover {
border:1px solid #52bfea;
color: #fff;
background-color: #52bfea;
}
.paginate_active {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #52bfea;
font-weight: bold;
background-color: #52bfea;
color: #FFF;
}

CSS的工作方式是将其级联到文档中。因此，如果它们都具有相同的特异性，则下面的CSS规则将获胜。
如果您只是将
.paginate\u按钮\u禁用的
类添加到元素中，而不删除
.paginate\u按钮
类，然后后者将覆盖CSS文档中稍后定义的禁用规则-它们实际上是级联样式。
如果您只是将
.paginate\u button\u disabled
类添加到元素中，而不删除
.paginate\u button
类，然后后者将覆盖CSS文档中稍后定义的禁用规则-它们实际上是级联样式。
最好的解决方案是隐藏任何不必要的按钮

使用以下命令：

.paginate_button_disabled {
    display: none;
}

在这种情况下，“上一个”、“下一个”、“第一个”和“最后一个”按钮仅在需要时才会显示。
最佳解决方案是隐藏任何不必要的按钮

使用以下命令：

.paginate_button_disabled {
    display: none;
}

在这种情况下，只有在需要时才会显示“上一个”、“下一个”、“第一个”和“最后一个”按钮