*** sélection dans liste par title ou data-

L'idée de départ est d’utiliser les listes pur signaler par des codes couleurs ou autres marquage des blogs inscrits qui ont une particularité (url non valide, hors ligne, spécificité etc..)

L'usage type serait de marquer visuellement en rouge les blogs signalés par le W3C comme ayant une url non accessible. Avec possibilité d'ajouter un ou deux mots ou une marque quelconque.

L'idée seconde est de pouvoir sélectionner les lignes d'inscriptions en utilisant un seul type de sélecteur qui cible les lignes qui ont une caractéristique commune

Je me suis donné comme contrainte :
- toutes les données utilisées pour sélectionner par css seront dans la BDD (donc pas de changement de la philosophie de gestion du répertoire)
- très peu de modifications de la structure de la BDD actuelle

Petit exemple d'illustration d'un résultat possible

(R0121) ↔ Avelin Pétanque-Ucapa-vétéran | Sports |
(R0122) ↔ Aventure adoption | Récit de vie |
(R0123) ↔ Aventure Village Eco Construction | Associations | Habitat |
(R0124) ↔ Babou côté océan | Nature Environnement | Photographie |
(R0126) ↔ Badminton de Villespy | |
(R0128) ↔ Baka Graph | Graphisme |
(R0129) ↔ Balade carribéenne | Voyages Tourisme |
(R0130) ↔ Balades en France et ailleurs | Photographie |
(R0332) ↔ D'art en art | Beaux-Arts |
(R0333) ↔ D'île en île | Photographie |
(R0334) ↔ Dans l'instant | Inclassables |
(R0335) ↔ Dans la classe de maikresse Val | Blogs de profs |
(R0336) ↔ Dans le bazar d'une instit... | Blogs de profs |
(R0337) ↔ Dans les pas de la plume | Écriture |
(R0338) ↔ Dans ma classe, il y a... | Blogs de profs |
(R0339) ↔ Dans ma sacoche | Blogs de profs |
(R0340) ↔ Dans ma trousse, il y a... | Blogs de profs |
(R0341) ↔ Dans mon pêle-mêle | Inclassables |
(R0342) ↔ Dans quel monde sommes-nous ? | Sciences | Inclassables |
(R0343) ↔ daronne | Récit de vie |
(R0344) ↔ Dawy peintre | Beaux-Arts |
(R0345) ↔ Day-Lys un délice | Voyages Tourisme |
(R0346) ↔ De Bretagne en Saintonge | Histoire Civilisations |
(R0347) ↔ De la vie sur Zliotl | Littérature |
(R0348) ↔ De mon sang à mon encre | Bien-être Santé | Récit de vie |
(R0349) ↔ de Tout... de Rien... | Récit de vie |
(R0350) ↔ De traces en bouchures | Culture |

css utilisé est ici :

<style><!--

/* signaler chaque Blog Non Trouvé par vérif W3C */
li a[title*="BNT"] {color: red;}

/* préciser l'info des Blog Non Trouvé par un ajout de texte/image */
li a[title*="BNT"]:after {content: "testé en défaut accès " url(https://ekladata.com/l867eCw6Yan5fWKxrAGI_7MKW2c@16x16.gif) " risque de désinscription en Juillet "; }

/* signaler 1 blog pour une particularité ★★★ quelconque */
li a[title*="R0342"]:before {color: green; font-size: 14px; content: "★ ★ ★ " ; }

/* signaler 2 blogs pour un particularité ★ ★ quelconque */
li a[title*="R0332"]:before,
li a[title*="R0344"]:before {
color: green; font-size: 14px; content: "★ ★ " ;
}

/* en prévision pour marquer un ou des blog(s) ayant un particularité ★ quelconque */
li a[title*="R0000"]:before {color: green; font-size: 14px; content: "★ " ; } /* en attente car R0000 n'existe pas dans la BDD */

--></style>

BDD il n'y a de qu'une seule colonne en plus (j'ai choisi AB pour le moment) qui contient pour chaque inscription le morceau d'écriture <a title=" , a compléter ou non.

La concaténation rajoute donc un attribut title selon le contenu de la BDD.
Exemple:
<li><a title=" R0121 " >(R0121) ↔ </a><a href="htt .............

<li><a title=" BNT 18avr pour > R0336 " >(R0336) ↔ </a><a href="htt....

C'est le contenu de ce title= " " qui est exploité pour la sélection

A la place de title= " " on peut utiliser une autre attribut data-nom= " " qui permet je pense des résultats similaires + des infos bulles spécifiques.