Comment sélectionner un élément en fonction de son url ?

Bonjour,
J'aimerais savoir s'il est possible en css de sélectionner un élément en fonction de son url, je pense par exemple à une image.

En fait j'aimerais pouvoir séléctionner toutes les images ayant une url du type <img src="tralala/pouet.gif"> pour par exemple les cacher lors de l'impression.

Est-ce possible ?
Je sais que oui pour une class avec [class="class"] mais là comment faire ?
Merci
Modifié par pan (21 Oct 2008 - 17:27)

Bonjour pan

Je crains que tu n'ais pas beaucoup de choix possibles, soit
tu n'affiches pas la balise img de la page
tu n'affiches pas une class définie dans la balise img
tu n'affiches pas le conteneur dans lequel pourrait être stocké les images.

Arf je croyais pourtant que c'était possible...

a écrit :
tu n'affiches pas la balise img de la page

Impossible il y a d'autre images

a écrit :
tu n'affiches pas une class définie dans la balise img

Pas de classe spécifique pour cette image

a écrit :
tu n'affiches pas le conteneur dans lequel pourrait être stocké les images.

c'est une <td></td>...
Moralité il me reste le gaz

Bonjour,

Peut-être une piste... fonctionne pour le media screen, (sauf évidemment pour IE < 7) à vérifier pour l'impression :

img[src="tralala/pouet.gif"] {display:none;}

Mais il faut que toutes tes images s'appellent pouet.gif et soient dans le fichier tralala...

Il doit y avoir d'autres possibilités...ou pas

Bonjour,

Je sais plus si c'est CSS2 ou CSS3 (de toute façon ça ne doit pas fonctionner avec IE6 et IE7):

img[src^="pictos/"]{
display:none;
}

Cibler les images dont la valeur de l'attribut commence par "pictos/".

A oublier bien vite vu sa faible implémentation.

Igor a écrit :
Bonjour,
Je sais plus si c'est CSS2 ou CSS3 (de toute façon ça ne doit pas fonctionner avec IE6 et IE7):

img[src^="pictos/"]{
display:none;
}

Cibler les images dont la valeur de l'attribut commence par "pictos/".
A oublier bien vite vu sa faible implémentation.

CSS3 Working Draft

Igor a écrit :
Bonjour,

Je sais plus si c'est CSS2 ou CSS3 (de toute façon ça ne doit pas fonctionner avec IE6 et IE7):

img[src^="pictos/"]{
display:none;
}

Cibler les images dont la valeur de l'attribut commence par "pictos/".

A oublier bien vite vu sa faible implémentation.

A priori ça ne fonctionne pas en CSS2

De la même manière, peut-on sélectionner un élément de formulaire en css ?

<input name="categorie" type="hidden" value="100" />
         <input name="cat" type="hidden" value="100" />
         <input name="ref" type="hidden" value="100" />
         <input name="Submit" type="image" src="btn.png"/>
         <input name="nb"  type="text" value="1" />

pan a écrit :
De la même manière, peut-on sélectionner un élément de formulaire en css ?

Dans l'absolu, oui: avec un sélecteur d'élément, un sélecteur de classe, un sélecteur d'identifiant, un sélecteur d'attribut, j'en passe et des meilleures.

Dans la pratique ça va dépendre de ton code HTML, des modifications éventuelles que tu peux y apporter, et du support désiré (IE7 ou pas, IE6 ou pas...).

Un petit RTFM qui va bien:
http://www.w3.org/TR/CSS21/selector.html