How to style both visited and not visited links in context?

Question

The following

#navigation  li  a{
    :link, :visited {
        text-transform: capitalize;
    }
}

was not worked for me.

Below code works but contains duplication

#navigation  li  a:link {
    text-transform: capitalize;
}

#navigation  li  a:visited {
    text-transform: capitalize;
}

Answer 1

To apply a style to multiple selectors you can group them by using a comma to separate the selectors.

#navigation  li  a:link,
#navigation  li  a:visited {
    text-transform: capitalize;
}