CSS ciblant des images spécifiques

Question

Je cherche un moyen de cibler une image spécifique avec CSS, si cela est même possible. Je gère un CMS où les utilisateurs peuvent télécharger des images et les mettre sur leurs pages. Je voudrais un moyen de cibler des images avec des dimensions spécifiques.

Donc la question est, pouvez-vous faire une ligne css cibler une image ou un objet avec certaines spécifications dimensionnelles?

J'imagine quelque chose comme:

img#width:400px { float :left; } 

(pour faire des images qui sont 400 pixels ont un large float: left)

Je sais que je pourrais donner l'image d'une classe ou d'une carte d'identité, mais serait perdu lorsque le client joue dans les cms.

Answer 1

img[width="400"]{ 
    float:left; 
} 

Cela fera une image qui ont l'attribut de jeu à 400 flotteur gauche:

<img src="image.jpg" width="400" /> 

Note: ceci ne fonctionnera que si l'attribut width est défini. Ne fonctionnera pas si l'image a une largeur de 400 pixels mais n'a pas d'attribut de largeur.

Answer 2

Selon le spec cela devrait fonctionner

img[width=400] 

mais je l'ai pas essayé