Question

我正在使用分页到我的表格。

<div class="divpager"> <% for (int i = 0; i < Model.TotalPages; i++)
  {%>
    <a  style="text-decoration:underline; color:Black" class="Pager"><%: i+1 %></a>
  <% }%>
</div>

CSS：

.divpager {
  display: inline-block;
  float: left;
  cursor: pointer;
}

我希望whenevr用户点击页面需要将css样式应用为不带下划线。为此，我尝试了a.hover，a.active作为text-decoration:none。但我无法得到。点击页面时请告诉我，不需要显示下划线。

Answer 1

你需要为此添加一些jquery ..只有CSS才能这样做。

<强> CSS：

.active { text-decoration: none !important;}

<强> jquery的：

$(document).ready(function(){
  $('.divpager a').click(function(){
    $('.divpager a').removeClass('active');
    $(this).addClass('active');
  });
});

不要忘记在页面中包含jquery库。

Answer 2

你试过一个：活跃吗？这样做可以在单击该元素时对链接设置不同的样式。

像

这样的东西

.Pager:active{
    text-decoration:none;
}

Answer 3

首先，它是a：hover，a：active，而不是a.hover，a.active;
其次，内联样式优先于内部和外部样式表。

如何在选择页面后为寻呼机控制应用css样式？

3 个答案: