Scribd Logo
Upload

Welcome to Scribd!

  • Klase I Id Selektori

    Uploaded by

    eldar
    16 views2 pages

    Original Title

    KLASE I ID SELEKTORI

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    16 views2 pages

    Klase I Id Selektori

    Uploaded by

    eldar

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    KLASE I ID SELEKTORI

    Class selector se dosta primjenjuje u CSS-u. Pretpostavimo da koristimo nekoliko <p> tagova u HTML
    dokumentu, ali im želimo pridružiti različite boje. Ako upotrijebimo ovaj oblik:

    p { color:yellow; background:#000000 ;} svi <p> tagovi će biti žuti. Ako želimo imati i žutu, plavu i
    crvenu? Upotrijebit ćemo "class".

    Primjer u css-u:

    .yellow { color:yellow; background:#000000; }

    .blue { color:blue; background:#000000; }

    .red { color:red; background:#000000; }

    Poziv klase u html-u:

    <body>

    <p class="yellow">Header</p>

    <p class="blue">Header</p>

    <p class="red">Header</p>

    </body>

    Kad se definira class u CSS-U ispred MORA biti tačka (.). Naziv class-a može biti bilo kakav. Taj naziv
    će se kasnije upotrijebiti u HTML tagu i MORA biti isti kao u Style Sheet-u! Dakle, ako definirate class:

    .yellow { text-color:yellow; background:#000000 } onda MORATE upotrijebiti: npr.

    <h1 class="yellow">

    ID selektor je sličan class selektoru. Jedina razlika je da ID mora ispred imati # u style sheet-u dok
    HTML tag mora sadržavati "ID". Primjer u css-u:

    #yellow { color:yellow; background:#000000; }

    #blue { color:blue; background:#000000; }

    #red { color:red; background:#000000; }

    HTML dio:

    <body>

    <h1 id="yellow">Header</h1>

    <h1 id="blue">Header</h1>

    <h1 id="red">Header</h1>

    </body>
    Kada jednom definisemo klasu ili ID selektor u css-u, mozemo ih upotrijebiti na različitim tagovima u
    html-u. NPR.:

    Klasa: .yellow { color:yellow; background:#000000; }

    Poziv klase: <h1 class="yellow">Header</h1>


    <em class="yellow">neki text</em>
    <p class="yellow">neki text...</p>

    ILI....

    ID selektor: #red { color:red; background:#000000; }

    Poziv ID-a: <h1 id="red">Header</h1>


    <em id="red">neki text</em>
    <p id="red">neki text...</p>

    You might also like