CSS : MULTIPLE PSEUDO ELEMENTS

Multiple Pseudo-elements

Several pseudo-elements can also be combined.

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:

Example

p:first-letter
{
color:#ff0000;
font-size:xx-large;
}
p:first-line 
{
color:#0000ff;
font-variant:small-caps;
}

Other Topics

CSS :Before pseudo element,CSS :After pseudo element,CSS : Multiple pseudo elements,CSS : pseudo-elements and CSS classes,CSS : First-letter pseudo-element,CSS :  First-element pseudo-element,CSS : Syntax for Pseudo elements,CSS : First-line pseudo-element,CSS : All Css pseudo classes/elements,CSS : The lang pseudo classCSS : MEDIA,CSS::STYLING FORMS, mechanical Engineering, English books,Photoshop tutorials,Harry potter,Best 100 english books,Mechanical-old-question-paper,STYLE HTML ELEMENTS WITH SPECIFIC ATTRIBUTES,CSS : HORIZONTAL NAVIGATION BAR,CSS : FLOATING LIST ITEMS,CSS : IMAGE GALLERY,CSS : NAVIGATION BARS,CSS : VERTICAL NAVIGATION BAR,CSS : LIST OF CSS PSEUDO CLASSES