Share properties

[stirrah]

Hey!

 

I have a (simple) question. This is my code:

nav {
    float:left;
}
nav ul {
    margin:0;
}
nav ul li {
    display:inline;
    margin-right:10px;
}
nav ul li a {
    text-decoration:none;
}
nav ul li.current {
    font-weight:bold;
}
nav ul li a.last {
    border-right:0;
}

I want to have something called "nav2" to share ALL of nav properties, except the float: left that should instead be float:right.

How can I achieve this?

[Irate]

You should try SASS / LESS.

[stirrah]

You should try SASS / LESS.

 

Okey, so it's not possible in CSS3?

[Irate]

Possible, yes, but it's easier in SASS/LESS.

After all, SASS and LESS compile into CSS3 stylesheets.