Pseudo-elements: Multiple Pseudo-elements

Multiple Pseudo-elements

//in the following example, the first letter of a paragraph will be red, in an xx-large font size. 
//The rest of the first line will be blue, and in small-caps.
//The rest of the paragraph will be the default font size and color

p::first-letter {
  color: #ff0000;
  font-size: xx-large;
}

p::first-line {
  color: #0000ff;
  font-variant: small-caps;
}

Several pseudo-elements can also be combined.

Related concepts

Multiple Pseudo-elements

Pseudo-elements: Multiple Pseudo-elements — Structure map

Clickable & Draggable!

Pseudo-elements: Multiple Pseudo-elements — Related pages: