Multiple Pseudo-elements
Several pseudo-elements can also be combined.
Example
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;
}
{
color:#ff0000;
font-size:xx-large;
}
p:first-line
{
color:#0000ff;
font-variant:small-caps;
}
Other Topics
CSS
:Pseudo Classes,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,
No comments:
Post a Comment