CSS - How to add dot between navigation title

Question

After I login www.linkedIn.com, the navigation bar on top right displays the title as follows:

Welcome, XXX * Skip to Content * Search  * Add Connections * Settings * Help  * Sign Out

I would like to know how they add * between different titles. I have used firebug but I didn't see where they add such a small * between titles.

Thank you

Answer 1

Instead of

span:after {
content: '*';
}
span.last:after {
content: '';
}

do

span:after {
content: '*';
}
span:last-child:after {
content: '';
}

This way you don't have to give the last one a special class.