Utilisation des CSS pour mettre en évidence certains type de liens

Imaginons que, sur un site, nous voulions faire sortir les liens comportant des mots spécifiques. Nous allons utiliser les selectors CSS pour les cibler.

J'veux une souris !

Nous allons mettre en évidence les liens comportant le mot souris. Le sélecteur qu'on utilisera est d'une banalité classique en CSS

a[href*=souris]

Z'avez pas vu un gros minet ?

Malheureusement, le webmaster ne comprenant rien à la chose informatique, il a également ajouté des liens de souris pour chat. Il nous faut exclure les liens comportant les mots « souris » et « chat ».

Notre sélecteur comportera donc une négation.

a[href*=souris][href*=filaire]:not([href*=chat])

Clotho et Lachésis

Mais il faut un fil à cette souris. Nous allons avoir deux mots clefs comme critères de sélection : «  souris » et « filaire », auxquels nous ajouterons celui de « chat » car je n'ai toujours pas confiance en ce webmaster. CSS ne permettant pas l'utilisation d'expressions régulières, il nous faut définir chaque critères de selection individuellement, ce qui peut poser un problème si l'on veut qu'un des critères soit en premier. Dans le cas qui nous concerne, le définition des liens devant être ciblés est :

a[href*=souris][href*=filaire]:not([href*=chat])