Preciznija selekcija HTML elemenata

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