Seria bueno saber con que lenguaje/s estas trabajando. Es decir, podes hacerlo "a mano" por cada archivo html pero te vas a volver loco y mantener ese código sería una pesadilla.
Te dejo
un ejemplo con javascript, donde la variable "pagina" representa la pagina activa. Variable que simplemente podrías incrementar/decrementar, o que además pasarás por get/post al servidor en caso de que operes de ese lado. Por eso, repito, es muy importante saber con que estas trabajando y si tu problema es con el menu o con el paginador.
Código HTML:
Ver original<a href="pag1.php">la clave
</a> <a href="pag2.php">esta en la
</a> <a href="pag3.php">variable "pagina"
</a> <!-- enlaces.length será igual a 2, o sea, tres elementos contando desde el cero. -->
Código CSS:
Ver originala{ /*por defecto desactivo*/
padding: 0.3em;
background: whitesmoke;
}
.seleccionado{
/*estilo para el enlace activo*/
background: yellowgreen;
}
Código Javascript
:
Ver originalvar pagina = 1; // empieza a contar de uno
// pagina = prompt("ingrese el nro de pag."); // o le preguntamos al usuario
var seleccionado = "seleccionado"; //nombre de la clase activa. Por defecto se ve desactivo, mirar el css.
var enlaces = document.getElementsByTagName("a"); //todos los enlaces
window.onload = function(){ //cuando cargue la pagina...
if(pagina >= 1 && pagina <= enlaces.length){ //validamos la variable pagina.
pagina = pagina - 1; // porque los arrays empiezan a contar de cero.
for(i=0; i<enlaces.length; i++){ //recorremos los enlaces
if(i == pagina){ //cuando el indice sea igual a la variable pagina
enlaces[i].className = " seleccionado"; //añadimos la clase
}
}
}
else{
//si la pagina no corresponde con la cantidad de enlaces.
}
}
Independientemente del lenguaje la logica sería:
- disponer de una variable contador (en nuestro caso "pagina") para incrementar/decrementar la pagina actual.
- Si consultas una base de datos y pretendes hacer un listado de registros: entonces retornar un límite (en sql con el comando "LIMIT"). Con lo cual tendras el numero de registros por pagina.
- retornar la cantidad de registros totales y dividirlo por la cantidad de registros por paginas para obtener la cantidad de paginas (en nuestro ejemplo "enlaces").
tip: usamos la propiedad "length" de los arrays javascript para obtener la cantidad de paginas. Para hacer lo mismo en php debes usar la funcion .count()
Luego, estes donde estes, el trabajo con arrays, bucles y condicionales, salvando algunas distancias de sintaxis tal vez, te será muy similar.
A estas alturas ya el tema se disparó del alcance de css como tal, dependiendo tu lenguaje será el foro que te convenga.
Espero haber sido de ayuda.
Saludos.