Vill ha olika mouseover i <h1> och <h2>

hmm
din a:hover BORDE påverka länkar i h-taggar med.. dock vet vi ju inte hur din html ser ut...
testa att lägga in en regel för bara a med

alternativet är att lägga in specialregler för a-taggar i tex h1

h1 a:hover{color:pink}

Sen ser din css lite..hmm.. annorlunda ut. normalt sett så skriver man alla regler för ett element grupperat dvs

h1 {
  color: #999; 
  font-size: 30px; 
  font-family: Arial Narrow; 
  font-weight: normal; 
  line-height: 43px;
}

Stämmer, är bättre att skriva såhär: utan { runt alla }

h1 {color: #999999; 
    font-size: 30px; 
    font-family: Arial Narrow; 
    font-weight: normal; 
    line-height: 43px; 
    }

Testade h1 a:hover{color:pink} men det värkar inte funka.
Jag vill iofs ha olika färger till <h1> och <h2> så det var väll bra att min första a:hover { color: #282821;} inte påverkade innehållet i <h1> och <h2>

:hover skall fungera på andra element förutom a från IE8, vilken webbläsare är du på när du testar?

annars är det som rhdf skriver, du måste a det på a-element.

h1 a:hover { color:pink; }

för att sätta sätta en rosa färg på ditt a-element inne i ditt h1 element:

<h1><a href="....">Vixnor</a></h1>

Funkar kanske det gör, men inte som jag hade tänkt mig.
Min html:

     <div id="1">
     <h1>
     Länk 1      <!-- (utan länk) strunt i det... -->
     </h1>
     </div>
             <div id="2">
             <h2>
             <a href="länk2.html" >länk 2</a>
             </h2>
             </div>

Det funkade när jag flyttade <h2> före <a href> men då blev länken svart, skall vara blå enligt <h1>s css.

CSS:

A:link {color: black;}
A:hover {color: yellow;}  /* switches color onmouseover */

h1 {color: blue;}
h1 a:hover {color:pink; }

h2 {color: green;}
h2 a:hover {color: pink; }

Och när det gäller webbläsare använder jag cirka 10 st att prova i.

Ja du har ju sagt att alla länkar skall vara svarta

Det enda du sagt specifikt för länkar i <h1> är vilken färg de skall ha vid hover. Vill du ha en avvikande färg i vanliga fall så måste du ha en css-regel för det med
h1 a {color: blue;}
h1 a:hover {color:pink; }

Löste problemet såhär istället:
CSS:

a.ex1:link,a.ex1:visited {color:blue;text-decoration: none;}
a.ex1:hover,a.ex1:active {color:green;}

HTML:

			<div>
			  <a class="ex1" href="2.html" >
			  länk 2
			  </a>
			</div>

http://jsfiddle.net/zV85R/

fungera för mig i de flesta webbläsarna (ie8+)

ett id få aldrig börja med ett tal så du vet det.

a:link har ett högre värde än vad h2 a har och :link behöver du inte på ett a-element.

Jag hade tänkt använda class som jag skrev i inlägget innan. (funkar)
Jag lyckas inte få bort "link"

a.ex1:link,a.ex1:visited {color:blue;text-decoration: none;}

(kanske inte spelar någon roll) eller kanske bara användbart med <h1>, <h2> etc...

:link känns helt överflödig då a-element är en länk.

Du behöver ju inte använda klasser om du inte behöver det.

Jag har tagit bort mina <h1> <h2> <h3> och istället ersatt den informationen till mina <div>.

Nu ser min CSS ut såhär:

div#texter  {
width: 200px;
font-size: 10px; 
color: black;
}

Men jag skulle behöva lägga in detta till <div>:

a.ex3:link,a.ex3:visited {color:black;text-decoration: none;}
a.ex3:hover,a.ex3:active {color:#yellow;}

så jag slipper använda classer i länkarna i texterna.

hur ser din HTML markup ut då?

diven måste ha ett id som heter texter och endast en div få ha det som ID.
men varför skall a-elementet ha en klass finns det någon anledning till det?

div#texter a.ex3, div#texter a.ex3:visited {color:black;text-decoration: none;}
div#texter a.ex3:hover,div#texter a.ex3:active {color:#yellow;}

skriver du.

eller med lite struktur:

div#texter a.ex3,
div#texter a.ex3:visited {
	color:black;
	text-decoration: none;
}

div#texter a.ex3:hover,
div#texter a.ex3:active {
	color:#yellow;
}

Det var inte så jag menade, utan jag menade att jag ville bli av med classerna helt och skriva in a:visited etc. i div#texter {...}

igen, postar din HTML kod så vi förstå vad du har gjort och inte gjort

css:

       a.ex3:link,
       a.ex3:visited {color:black; text-decoration: none;}
       a.ex3:hover,
       a.ex3:active {color:#yellow;}

div#texter {
            width: 200px;
            font-size: 10px; 
            color: black;
            }

	      <div id="texter">
		  text text
		  <a class="ex3" href="länken.html" >
		  text text
		  </a>
		  text text
		  <br>
		  text text
		  <a class="ex3" href="länken2.html" >
		  text te
		  </a> 
		  xt 
		  text text
	      </div>

yellow är en färg inte en hex #yellow skall vara yellow, fortfarande : link är överflödigt.

eller #ff0 om du vill göra det korta ;)

Du kan även skrota "active" som är en relik från förr och i praktiken inte gör ett dugg mer än förvirrar en del som bl.a. förväxlar den med hover.

Men jag fick inget svar på min sista fråga?

läst mitt inlägg ens?

voigtann1 skrev:

ett id få aldrig börja med ett tal så du vet det.

Ok, men en class då, får den börja med ett tal, eller får de innehålla tal överhuvudtaget, id/class, eller bara inte börja med det?