gentagelse af kode

Hvordan ser koden ud, når den rammer browseren ?-)

Jeg har først:

a:link{...}
a:hover{...}
a:visited{...}
a:active{...}

Det er de indstillinger jeg skal bruge for links på hele siden. Problemet er nu at fx et DataGrid arver ikke de egenskaber for links, så skal linksne i datagrided se ud som resten af siden skal der tilføjes

.CssClass a:link{...}
.CssClass a:hover{...}
.CssClass a:visited{...}
.CssClass a:active{...}

så nu står den samme kode for link 2 steder.
Jeg kunne selvfølgeligt godt bare lave en klasse som der skulle bruges så snart man ikke var i body sektionen, men det er mere princippet i det. Kan jeg ikke angive en helt global indstilling for alle links lige gyldigt hvor de befinder sig?

Hvad sker der, hvis du bare sletter alle .CssClass a-tingene ?-)

-- hvis browseren ikke er en eller anden sydrussisk klon af en tjekkisk rumcomputer årgang 1997, skulle _alle_ forekomster af a rammes af a-selectoren, men hvis der findes en mere specifik (f.eks. .CssClass a !-) vil den have forrang !o]

forket rækkefølge

det heder

i LoVe HA


Altså Link, Visited, hvoer, activ

;-)

Jesper...det var bare noget kode jeg skrev, om selve koden virker er lidt uinteressant lige i den her sammenhæng, jeg er interesseret i om det er muligt at lave én indstilling for alle links, så man ikke står med dobbelt kode...

Prøv
a:link,  .CssClass a:link {...}

-- selektorer prioriteres efter 3 (4 !-) parametre:

Specifitet (hvor mange led opbygges selektoren af, .CssClass a er vigtigere end a alene !-)

Præcision (hvor mange kan de ramme, altså har et inline style-tag klart fortrin for alle andre, dernæst kommer id-selektorer (#id), class-selektorer (.class), element-selektorer (f.eks. a) og sidst den universelle selektor (* !-)

Rækkefølge (en senere, som rammer nøjagtig samme element med samme specifitet og præcision vil overskrive en tidligere !-)

Nærhed i element-træet ...

-- og da forskellige typer har forskellig præcedens er den rigtige rækkefølge ikke til at opstille, men se f.eks. http://www.w3.org/TR/REC-CSS2/cascade.html#specificity !-)

-- Tjah, jeg skal så til at omformulere mig !-)

Takker Roenving, det var mere i den stil. Ligger du et svar?

-- bemærk dog også jespers rækkefølge-ting, for det ødelagt mange brugeres brug af disse udmærkede muligheder !-)

-- els velbekomme '-)

Koden kunne ha været alt muligt...det jeg var efter var om det var muligt at lave en nemmere gruppering af det, hvorvidt koden var god var i princippet ligemeget. (ikke bare en undskyldning for at jeg huskede forkert ;) )

*lol*

-- og tak for point ;~}