Dynamicdeezign, documentation of html and css
The guide to create your Web site on Internet
 

  • :first-child

    The :first-child pseudo-class matches an element that is the first child element of some other element.

  • :link , :visited , :hover , :active , :focus

    The :link pseudo-class applies for links that have not yet been visited.
    The :visited pseudo-class applies once the link has been visited by the user.
    The :hover pseudo-class applies while the user designates an element (with some pointing device), but does not activate it.
    The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it.
    The :focus pseudo-class applies while an element has the focus (accepts keyboard events or other forms of text input).
    Examples
    a.mylink:link { color: green }
    a.mylink:visited { color: black }
    a.mylink:active { color: red }
    a.mylink:hover { color: yellow }
    <a class="mylink" href="http://www.dynamicdeezign.com">dynamicdeezign</a>
    => dynamicdeezign

  • :first-line

    The :first-line pseudo-element applies special styles to the contents of the first formatted line of a paragraph.
    Examples
    p.my_p:first-line { text-transform: uppercase }
    <p class="my_p">This is my first line
    <br>
    This is my second line
    <br>
    This is my third line
    </p>
    =>

    This is my first line
    This is my second line
    This is my third line

  • :first-letter

    The :first-letter pseudo-element may be used for "initial caps" and "drop caps", which are common typographical effects. This type of initial letter is similar to an inline-level element if its 'float' property is 'none', otherwise it is similar to a floated element.
    Examples
    p.my_pl:first-letter {font-size: 200%; font-weight: bold; }
    <p class="my_pl">This is my first line
    This is my second line
    This is my third line </p>
    =>

    This is my first line
    This is my second line
    This is my third line






    For complete reference see CSS Style reference at W3C
    90..1   91..1   92..1   93..1   93..2   94..1   94..2   95..1   96..1   97..1   98..1   99..1   9A..1   9B..1  
    9F..1   9M..1   9P..1   9R..1   9S..1