CSS Osnove

Selektovanje pomoću HTML atributa

Ova vrsta selektovanja, tj. ciljanja specifičnog elementa još jedan je od načina užeg specificiranja onoga što želimo da promenimo. Uzećemo primer HTML koda:

<h1 title=”prvi”>Naslov</h1>

Ukoliko bi želeli da ciljamo sve h1 elemente koji imaju atribut title* (objašnjenje pri dnu) CSS bi izgledao ovako:

h1[title] {color:red;}

Ako bi želeli da izdvojimo samo ovaj h1 element, bez da pravilo primenimo na ostale h1 tagove koji takodje sadrže atribut title, napisali bi nesto specifičniji izraz:

h1[title=”prvi”] {color:red;}

Znači, ovde bi zahvatili sve h1 elemente koji poseduju title atribut sa vrednošću prvi.

Takodje ukoliko bi imali link i želeli da samo linkovi ka spoljnim sajtovima budu selektovani, tj. linkovi koji sadrže http://www.nekisajt.com napisali bi nešto ovako:

a[href^=”http://”] {…}

Ovo bi značilo da svi linkovi koji počinju (^) sa http:// treba da budu selektovani. Ovde podrazumevamo da su ostali linkovi unutar sajta uradjeni sa relativnim putanjama, tj. bez navodjenja apsolutnih adresa.

*atribut title nalazi se u okviru mnogih tagova i služi kao opisni tekst koji se pojavljuje u boxu kada neko vreme stojimo iznad odredjenog teksta.

CSS-struktura-2

Preporučite ovaj članak:
Email this to someoneShare on Google+Share on FacebookShare on LinkedIn