Flere sider på vår e-handel web app tillate brukere å filtrere en statusliste med forespørsler de har sendt inn til oss.
Filtrene er vanligvis noe sånt som:
Alle ventende Fullført
Vi har dem satt opp som linker. Vi ønsker å style dem slik at den aktive filteret er markert med et farget rektangel (w / avrundede hjørner, natch!) Og teksten blir hvit.
Den rektangulære høydepunkt ville forbli inntil brukeren klikket en av de andre filtre (Pending, Fullført) noe som medførte at høydepunkt ville flytte til linken bare klikket.
Et eksempel på dette viser seg flere steder på Facebook hvor, for eksempel, er veggen innlegg filtreres inn:
Dean + venner bare Dean Just Friends
Er det en grei måte å gjøre dette i CSS, kanskje ved styling den sist 'besøkt' linken men merking tidligere besøkte dem som unvisited?
Takk,
Dean Richardson
