w3css-color-libraries-camouflage - w3css-color-libraries-european-signal - w3css-color-libraries-fashion - w3css-color-libraries-flat-ui - w3css-color-libraries-food - w3css-color-libraries-ios - w3css-color-libraries-metro-ui - w3css-color-libraries-us-highway - w3css-color-libraries-us-safety - w3css-color-libraries-vivid - w3css-color-libraries-win8

NEW IN CSS3: Styling specific children with pseudo-classes ★ Designers often want to apply a style to an element that is the first element to appear within another element, such as a parent’s first child. The first-child pseudo-element has been available since CSS2; however, CSS3 offers an assortment of new structural pseudo-elements for styling an element’s child element exactly :first-child—Sets the appearance of the first instance of a selector type if it is the first child of its parent. :first-of-type—Sets the appearance of an element the first time its selector type appears within the parent. :nth-child(#)—Sets the appearance of the specific occurrence of the specified child element. For example, the third child element of a paragraph would be p:nth-child(3). :nth-of-type(#)—Sets the appearance of the specific occurrence of a selector type within the parent. For example, the seventh paragraph would be p:nth-of-type(7). :nth-last-of-type(#)—Sets the appearance of the specific occurrence of a selector type within the parent, but from the bottom. For example, the third paragraph from the bottom would be p:nth-last=of-type(3). :last-child—Sets the appearance of the element of the indicated selector type if it is the last child of the parent. :last-of-type—Sets the appearance of the last instance of a particular selector type within its parent.