.hi men, i've got a little problem on styling my menu bar. i've the next code:

#can_header {
    width:1024px;
    height:140px;
    background-color:#8D96A8;
}
#can_header ul{
    list-style-type:none;
    margin: 0;
    padding: 110px 0 0 550px;
    font-family: adolph;
    text-transform: uppercase;
    font-size: 1em;
}
#can_header li{
    display:inline-block;
    line-height: 15px;
    border-right: 2px solid #CCC;
}
#can_header li#item-104{
    border-right: none; 
}
#can_header ul a:visited{
    color:#CCC;
    text-decoration:none;
    margin-right:15px;
    margin-left:15px;
}
#can_header ul a:link{
    color:#CCC;
    text-decoration:none;
    margin-right:15px;
    margin-left:15px;
}
#can_header ul a:hover{
    color:#EB1886;
}
#can_header ul a:active{
    color:#FFFFFF;
}

what i wish to do is the fact that after i click among the links on my small ul the colour from the selected link will permanently change during the page from the link. with my present code the colour from the link only changes during-click.. however when the page changes the colour is going to be normal again. TIA! More Energy!

.Incidentally I am using Joomla, i am just editing the CSS from the template which i made.

I am afraid what for you to do is not possible with CSS only. You skill is produce a css class that indicate that the item inside your menu is chosen and assign that class for your li element either using javascript or server side whenever you render web site

You need to add css class programmatically to child object according to asked for page.

A Good Example with php:

function GetFileName()
{
    $currentFile = basename($_SERVER["PHP_SELF"]);
    $parts = Explode('.', $currentFile);
    return $parts[0];
}
$basename = GetFileName();

<li>
    <a href="index.php" <?php if($basename =="index") echo "class='current'"; ?>>Home</a>
</li>
<li>
    <a href="about.php" <?php if($basename =="about") echo "class='current'"; ?>>About</a>
</li>

You cannot do this with CSS alone, you have to then add class towards the selected link (ie class="selected") using Javascript or PHP.

You'll be able to give a style rule for links with class .selected.

Their right you cannot do this with CSS alone. You should use :active and alter the written text-color, or whatever, even though it is being clicked on lower (also known as onmousedown) however, you can't get it change like blue + click = red-colored.

JQuery should have the ability to assist you with this though.

This is handled through the menu module you're using to show recption menus. Most modules have the choice to show on active highlighting which essentially does what everybody is speaking about, adds a CSS class towards the active food selection. Odds are all that you should do is switch on the active highlighting on and add the right CSS.

Also, I observed you're turning off the right border within the menu products using the itemID. You'd be best while using :lastchild psuedo selector just in case you alter the order of the menu products or remove your own house selected to become last.

Rather than #can_header li#item-104 use #can_header li:last-child