Question

Without grouping we could do:

.footer_content a:link {
    color: #FFFFFF;
}
.footer_content a:visited {
    color: #FFFFFF;
}

With grouping:

.footer_content a:link, .footer_content a:visited {
    color: #FFFFFF;
}

is there a way to define the css selector to get rid of the extra .footer_content declaration that does the same thing? Something that would looking a bit like this:

.footer_content (a:link, a:visited) {
    color: #FFFFFF;
}

Answer 1

You can achieve something kinda similar with Sass, which “compiles down” to CSS.

In Sass you would use nesting, like so:

.footer_content {
  a:link, a:visited {
    color: #FFFFFF;
  }
}