Pagination avec la class .on

Bonjour,
J'ai besoin de savoir comment passer ma navigation ul en navigation .on.
En effet, j'ai construit mes css de facon à gerer ma pagination par des listes ul li et des liens hover, mais mon developpeur me demande de les gerer en .on, car son cms spip gere la pagination automatiquement en ul. Il me demande de lui definir la class .on, j'ai cherche des infos mais je suis perdue.



voici mon css :

.page-nav {
border:1px solid #202020;
float:left;
margin:8px 0 0;
width:565px;
}

.page-nav ul {
float:right;
margin:0;
padding:1px 0 0;
}

.page-nav ul li {
background:url(../squelettes/images/sep.gif) no-repeat 0 1px;
display:inline;
float:left;
font:12px/12px Arial, sans-serif;
padding:0 2px 1px 3px;
}

.page-nav li.first {
background:none;
}

.page-nav ul li.last {
margin:0 0 0 15px;
}

.page-nav ul li.last a {
font-weight:700;
}

.page-nav li a {
color:#000;
display:block;
padding:0 2px;
text-decoration:none;
}

.page-nav li a:hover,.page-nav li a.active {
background-color:#840909;
color:#fff;
}

.page-nav ul li.last a:hover {
background:none;
color:#840909;
}



voici mon html

[code]<div class="page-nav">
      <ul>

        <li class="first"><a href="#" class="active">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">6</a></li>

        <li class="last"><a href="#">SUITE</a></li>
      </ul>
    </div>

Modifié par makasayo (04 Mar 2008 - 11:34)