CSS Basics Tutorial: Grouping selectors

Often there are several places in our CSS style that need to use the same settings, a separate write would be a tiring job, too high and lengthy, more difficult to manage .... In the basic settings of CSS syntax, you can put these several same set of selectors together, the original may be written 7~8 line the same syntax, close together as long as just a small line, how to see people relaxed and happy AH ~

For example: when there are several selectors just need to set the text color to gray, a separate writing method, the feeling is very cumbersome, as follows:

1H1 {color:#666666; }2H2 {color:#666666; }3h3 {color:#666666; }4h4 {color#666666; }5UL {color:#666666; }6P {color:#666666; }7#AAA {color:#666666; }8#BBB {color:#666666; }

Clustering: combine these selectors with commas , just a small line, as follows:

H1, H2, H3, H4, UL, P, #AAA, #BBB {color:#666666

Using the "group" selector can make our CSS style more concise, good management and easy to modify in the future, this is the CSS syntax is one of the most basic functions, as long as the basic use of the familiar, students can naturally develop a beautiful CSS style!