[CSS] Wordt class of id aangeroepen?

[DeFeCt]

Het volgende is het probleem de uitdaging,

Ik zit met oude code die ik niet zelf heb geschreven, e.e.a. moet nu gemigreerd worden en ik wil eigenlijk weten welke classes uit de css ook werkelijk worden gebruikt en welke weg kunnen.
Is het mogelijk om na te gaan of classes en id's gedefinieerd in een css file ook werkelijk door pagina('s) worden gebruikt?

[drm]

Mja, je zou dit met JS toch vrij eenvoudig op moeten kunnen lossen door alle elementen af te lopen en te kijken of de classes die ze hebben (someElement.className) ook voorkomen in de rules van de stylesheets die aan het document gekoppeld zijn (document.stylesheets).

't Is geen uitdaging meer als ik 't voordoe

[Verwijderd]

ik denk dat je het beste met wat js alle classes uit je pagina kan halen, deze in elkaar kleien tot een regex en dan door je css zoeken?

verder is het natuurlijk zo dat classes niet useless horen te zijn zonder css

[SchizoDuckie]

• firefox installeren
• Webdevloper toolbar installeren
• CTRL + SHIFT + Y inrammen, zodat je cursor verandert in een crosshair
• Element aanklikken waarvan je de info wil zien

en er opent zich een popupje / nieuwe tab met alle styles die aan je element hangen

Voor een GoT post ziet dat er ongeveer zo uit:

code:

Style Information - [TOPIC=1054777///][NOHTML][rml][ CSS] Wordt class of id aangeroepen?[/rml][/NOHTML][/TOPIC]
http://gathering.tweakers.net/global/templates/tweakers/css/default.css?v=193k

div.content    (line 927)
{
    font-family: arial,helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(0, 0, 0);
}

div.message div.post div.content    (line 915)
{
    margin-left-value: 157px;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    padding-right-value: 10px;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    padding-bottom: 6px;
    width: 604px;
    overflow: hidden;
}

div.message div.post > div.content    (line 922)
{
    margin-left-value: 160px;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    overflow: visible;
    width: auto;
}


http://gathering.tweakers.net/global/templates/tweakers/css/nightlife.css?v=193k

div.content    (line 285)
{
    color: rgb(0, 0, 0);
}

[DeFeCt]

@drm: dat zal dan een developer moeten gaan doen, mijn js kennis gaat niet verder dan history.go(-1)
@SchizoDuckie: Firefox heb ik al en in IE kan ik hetzelfde met Instant Source, ik ben echter niet van plan om alle pagina's met de hand te gaan doorlopen..

maar goed, js is dus mijn vriend?

[drm]

DeFeCt:
@drm: dat zal dan een developer moeten gaan doen, mijn js kennis gaat niet verder dan history.go(-1)

En ik maar denken dat alle W&G die hards JS gurus waren

[Verwijderd]

zou ook met php kunnen, of c++ ofzo, maar dat ga ik toch niet adviseren in dit forum