Grouping and Nesting

Grouping is when you put tons of elements together, put a comma to separate them and style them in the same manner.

example:

body, #xg, #xg_masthead {

  background-color: #000;  

  background-image: url(blah.png);  

  background-repeat: repeat-x;  

  background-attachment: fixed;

  background-position: center center;

}


Nesting is when you put tons of elements together, separate them with a space and style only what's a chosen element

In the example below, I will only be styling the 'a' or text of the module head of the comment wall.
The code if translated means that 'a' is a part of the module head of the comment wall who is found in the second column.

example:

#xg_layout_column_2 .xg_module_comment_wall .xg_module_head a{

  background-color: #000;  

  background-image: url(blah.png);  

  background-repeat: repeat-x;  

  background-attachment: fixed;

  background-position: center center;

}