CSS: Ciljanje določenih slik

CSS nam z uporabo atributa omogoča bolj natančno ciljanje datotek. Pobližje si oglejmo primer ciljanja slik, ki nam omogoča da določen stil iz CSS apliciramo samo na določen format slik ali še bolj natančno na samo določeno sliko.

CSS ciljanje smo si ogledali že v članku “CSS: Ciljanje določenih nizov v HTML-ju”. V primeru ciljanja določenih slik pa imamo na voljo naslednje primere.

Ciljanje točno določenega formata slik (JPG, PNG, GIF, …)

Primer nam omogoča ciljanje točno določenega formata slik. Npr.: vse slike, kis o v PNG formatu.

img[src$='.png'] {
Vaša koda
}

Ciljanje točno določene slike (ime-slike.jpg)

Primer nam omogoča ciljanje točno določene slike. Npr.: logotip spletne strani.

img[src="1.jpg"] {
Vaša koda
}

Oznake: attribute selectorsCSSsubstring matching

Komentiraj


*