Problema con immagini

[alexx82]

Ho il seguente codice Xhtml:
"<div id="content">
[img]images/image2.jpg[/img]
[img]images/image1.jpg[/img]
[img]images/image1.jpg[/img]
[img]images/image2.jpg[/img]
</div>"

Se volessi applicare gli attributi a tutte e 4 basterebbe scrivere nel codice del file css:
#content .img3
{
...............
}

Sarebbe possibile gestire le 4 immagini separatamente e non come unico oggetto? Che sintassi devo usare nel css??

Grazie.

[deleted_26]

basta ke dai un id diverso id alle img...

[alexx82]

Tieni conto che non posso fare nessuna modifica al codice xhtml. Io ho questo file xhtml (di cui quel codice è un'estratto) per il quale devo costruire un foglio di stile esterno.
Quindi volevo capire se utilizzando qualche sintassi particolare posso gestire le 4 immagini in modo indipendente all'interno del css, xkè di fatto nell'xhtml ogni immagine è definita con img class che è uguale per tutte e 4, e un id diverso per ogni immagine.

grazie.

[deleted_26]

è percaso una cosa tipo css zen garden?
cmq nn avevo notato che ogni img ha un suo id quindi:

#idimg1 {}

[alexx82]

Si, è una cosa tipo css Zen Garden.
Cmq scrivendo nel css #idimg1{....} non applica alcun attributo diverso a quella immagine. Mentre utilizzando la sintassi #content .img3 {....} (Che è il tag comune a tutte e 4 le immagini), mi applica correttamente gli attributi a tutte e 4 le immagini.

[deleted_26]

è impossibile!
prova con img#idimg1 {....}
e ricordati che se nel foglio dove usi la sintassi da me suggerita c'è anche #content .img3 {...}
nn è detto che funzioni quello singolo...