yep, that name might be not perfect, should change it probably..
RE: the classes I left it there because of easier styling.. all elements in that section use
.pagelink, .expand_pages {
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 1px 5px;
background: #efefef;
display: inline-block;
}
the current_pagelink class extends these borders &background images with another color and bold text style.
.current_pagelink {
color: #aaa;
font-weight: bold;
}
We could remove that class from the HTML and move borders and background to the curren_pagelink class, but how would you add rounded borders to the first and last child if current_pagelink is the first or the last child?
.pagelinks .pagelink:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-left: 1px solid #ccc;
}
.pagelinks .pagelink:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
It might be possible but I think all elements in a structure should use the same class, just for the sake of readability.
<ul class="mylist">
<li class="list_item">...
<li class="list_item active">...
<li class="list_item">...
</ul>