Style som endast gäller vid vissa attribut

4 svar · 194 visningar · startad av dectgap 2 feb. 2003

dectgapMedlem sedan sep. 20021 655 inlägg

Frågan2 feb. 2003 03:27#1

Jag håller på att snygga till koden på http://www.diabloii.nu lite, men märkte ett fel som uppstår. Genom att används css för att ange färgerna för a-taggar förändrar jag inte bara färgen på länkar, utan även rena ankare (<a name="foo">bar</a>).

Kan man på något enkelt sätt, utan att använda en speciell klass för ankare, göra att om a-taggen har ett name-attribut ska den alltid ha en speciell style?

Den nya koden, med de felaktiga färgerna, finns här (titta på nyhetsrubrikerna):
http://www.diabloii.nu/default-gem.asp

Peter SMedlem sedan dec. 20025 483 inlägg

2 feb. 2003 13:03#2

Ja, i CSS2 går det att åstadkomma. Följande kommer t.ex. att göra att färgen på alla "a"-element med attributet "name" blir blå.

<style type="text/css">
<!--

a[name] {
     color : blue;
}

-->
</style>

Notera att detta ej fungerar i IE.

dectgapMedlem sedan sep. 20021 655 inlägg

2 feb. 2003 13:31#3

Tack så mycket.
Jag löste det hela genom att använda en klass för alla ankare, och lägga till följande

 a[name] {
  color: #feffe0;
 }

Synd att IE stöder css2 så dåligt när man kan hitta på så mycket skoj. Vet du möjligtvis om det finns någon browser idag som stöder min-/max-width och -height?

Peter SMedlem sedan dec. 20025 483 inlägg

2 feb. 2003 13:45#4

Ja, det är synd med tanke på att majoriteten av Internetsurfare använder IE.

Opera 7, Mozilla 1.2.1 och Netscape 7 vet jag stöder max-, min-height respektive max-, min-width.

elvelindMedlem sedan juli 2002167 inlägg

3 feb. 2003 09:03#5

mitt råd skulle vara att skippa tomma ankare. lägg ett id på den plats du ska länka till istället, såsom en rubrik etc.