CSS2

Background
Background Background-attachment Background-color Background-image Background-position Background-repeat
Border
Border Border-bottom Border-bottom-color Border-bottom-style Border-bottom-width Border-color Border-left Border-left-color Border-left-style Border-left-width Border-right Border-right-color Border-right-style Border-right-width Border-style Border-top Border-top-color Border-top-style Border-top-width Border-width
Classification
Classification Clear Cursor Display Float Positon Visibility
Dimension
Dimension Height Line-height Max-height Max-width Min-height Min-width Width
Font
Font Font-family Font-size Font-size-adjust Font-stretch Font-style Font-variant Font-weight
Generated Content
Generated Content Content Counter-increment Counter-reset Quotes
List and Marker
List List-style List-style-image List-style-position List-style-type
Margin
Margin Margin-bottom Margin-left Margin-right Margin-top
Outline
Outline Outline-color Outline-style Outline-width
Padding
Padding Padding-bottom Padding-left Padding-right Padding-top
Positioning
Positioning Bottom Clip Left Overflow Position Right Top Vertical-align Z-index
Table
Table Border-collapse Border-spacing Caption-side Empty-cells Table-layout
Text
Text Color Direction Line-height Letter-spacing Text-align Text-decoration Text-indent Text-transform White-space Word-spacing
Pseudo-classes
Pseudo-classes Active Focus Hover Link Visited First-child Lang
Pseudo-elements
Pseudo-elements First-letter First-line Before After
!important

## CSS2 - :first-child Pseudo-class

:first-child pseudo-class добавя специален стил на елемент, който е първо ниво на друг елемент. Бележка: За да работи :first-child в IE. <!DOCTYPE> трябв да бъде деклариран.

В този пример, селекторът определя всеки p елемент, които е първо ниво на елемента div, и отмества първия параграф в div елемента:

    div > p:first-child
    {
    text-indent:25px
    }

Този селектор ще определи първия параграф в div в следния HTML:

    <div>
    <p>
    Първи параграф в div.
    Този параграф ще бъде отместен.

    </p>
    <p>
    Втори параграф в div.
    Този параграф няма да бъде отместен.
    </p>
    </div>

но няма да определи параграфа в този HTML:

    <div>
    <h1>Header</h1>

    <p>
    Първи параграф в div.
    Този параграф няма да бъде отместен.
    </p>
    </div>

В този пример, селекторът определя всеки em елемент, които е първо ниво на елемента p, и настройва font-weight на удебелен за първия em в p елемента:

    p:first-child em
    {
    font-weight:bold
    }

Например, em в HTML по-долу е първо ниво на параграфа:

    <p>I am a <em>strong</em> man.</p>

В този пример, селекторът определя всеки em елемент, които е първо ниво на всеки елемент, и настройва text-decoration на none:

    a:first-child
    {
    text-decoration:none
    }

Например, първото а в HTML по-долу е първо ниво на параграфа и няма да бъде подчертано. Но второто a в параграфа не е първо ниво на параграфа и ще бъде подчертано:

    <p>
    Visit <a href="http://help.designbyraro.com">Help</a>
    and learn CSS!
    Visit <a href="http://help.designbyraro.com">Help</a>
    and learn HTML!
    </p>

Copyright © 2007 RARO Design & Develop