CSS structure and Formating

Property Lists

Some properties can take multiple values, collectively known as a property list.

To use square bullet points for each list-item, for example, you would use the following property-value pair:

/* Two values in this property list */
span {
 text-shadow: yellow 0 0 3px, green 4px 4px 10px ;
}
/* Alternate Formatting */
span {
 text-shadow:
 yellow 0 0 3px,
 green 4px 4px 10px;
}

Multiple Selectors

When you group CSS selectors, you apply the same styles to several different elements without repeating the styles in your style sheet. Use a comma to separate multiple grouped selectors

div, p  color: blue

So the blue color applies to all <div> elements and all <p> elements. Without the comma only <p> elements that are a child of a <div> would be red.

p, .blue, #first, div span{ color : blue }