Using 2 classes on one selector

[lmorales]

I have a navigation that uses the property last, and active. last makes the last list item have no border on the right, active changes the color of the selector when its active. I have one item on my site at trendstudiosorlando.com that uses both,

My classes are

#navigation li a.last {
border-right:none;
}

#navigation li a.active{
		color: #609;
	}

And here is the call of them

<li ><a class="active last" href="parties.html" title="Parties">Parties</a></li>

Right now, while the active class works on this, the last is not. Any reason why?

[abduraooft]

The right border is applied on the list items and so you need to .last last <li> of the navigation. It's correct on all pages except the last page - parties.

PS: Make use of some serverside code (PHP, JSP< ASP) to include a file (with the markup for navigation), on all pages. This will save a lot of time at your end.

[lmorales]

Im not sure I understand, sorry.

[Xherdas]

The class .active needs to be on your <li> and not on you <a>.

You can also use :last and :active as selectors instead of using them as class. Most of the time is easier and cleaner!

Good luck!

P.S.: Your contact form is almost invisible. Your design is clean, and all the focus should be on that form. ;p

[VIPStephan]

Originally Posted by Xherdas

You can also use :last and :active as selectors instead of using them as class.

No, you can’t.

1. There is no :last pseudo-class/selector in CSS. There is :last-child but it’s not supported in IE8, so you definitely need another selector for that.
2. The :active pseudo-class only applies to links while they are clicked, not to “current page” items.

[lmorales]

So then how do I put the 2 classes on that one selector?

[DanInMa]

#navigation li a.active.last

is this what you mean?