css pagination выделите выбранный номер страницы

Question

Я ищу способ выделить выбранный номер страницы в разбивке по страницам, используя css, или сделать выделенную страницу жирным шрифтом.

pagination php code работает нормально, поэтому я думаю, что мне нужно изменить страницу css.

что я должен добавить здесь:

body 
{ 
padding:50px; 
font-size:0.85em; 
font-family:arial; 
} 

a 
{ 
text-decoration:none; 
color:#0080ff; 
} 

a:hover 
{ 
text-decoration:underline; 
} 



.info 
{ 
line-height:150%; 
width:650px; 
overflow:auto; 
margin-top:30px; 
color:#555555; 
} 

.msg 
{ 
padding:10px; 
border-bottom:dashed 1px #5d478b; 
width:450px; 
margin-bottom:15px; 
} 

#pages 
{ 
clear:both; 
list-style-type:none; 
overflow:hidden; 
margin:0; 
padding:0; 
} 

#pages li 
{ 
float:left; 
} 

#pages li a 
{ 
font-weight:bold; 
margin:0 4px; 
padding:5px 10px; 
border:1px solid #bbb; 
display:inline-block; 
border-radius:5px; 
} 

#pages li a:hover 
{ 
text-decoration:none; 
color:#ff0080; 
} 

Answer 1

Вы недостающую информацию в сообщении о HTML, полученной для пагинации.

Я исхожу из вашего CSS, что каждая ссылка на страницу является якорем внутри элемента списка внутри элемента с идентификационными страницами. Я предполагаю, что выбранный якорь имеет на нем какой-то класс, скажем, «выбран». Добавьте что-то подобное в ваш css:

#pages li a.selected 
{ 
    font-weight: bold; 
    background-color: yellow; 
}