Как применить стиль css для управления пейджером после выбора страницы?

Question

Я использую paging для моей таблицы сетки.

<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

Вы попробовали: active ?. При этом вы можете стилизовать ссылку по-разному, когда вы нажимаете на этот элемент.

Что-то вроде

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

Answer 2

Вы должны добавить некоторые 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 3

1. Во-первых, его a: hover, a: active, a.hover, a.active;
2. Во-вторых, встроенный стиль имеет приоритет над внутренней и внешней таблицами стилей.