---
title: "Css-hjälp tack!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/130100-css-hjälp-tack"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Anton_L"
published: "2005-06-16T16:14:28.000Z"
updated: "2005-07-27T18:03:19.000Z"
replies: 13
views: 446
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/130100-css-hjälp-tack"
---

# Css-hjälp tack!

## #1 — Anton_L, 2005-06-16T16:14Z

Hej!

Jag har en websida, men en stilmall enligt följande:

```
A:LINK {
	color: #000000;
	text-decoration : none;
	font : verdana;
}
A:VISITED {
	color: #000000;
	text-decoration : none;
	font : verdana;
}
A:ACTIVE {
	color: #000000;
	text-decoration : none;
	font : verdana;
}
A:HOVER {
	color: #000000;
    text-decoration: underline;
	font : verdana;
}
```

 
, så alla länkar blir svarta hela tiden. Nu är det så att jag har några länkar som jag vill ska vara vita istället, genom på nått vis använda en annan stilmall. vad ska jag göra?!?! \<class: stlimall2.css\> !??!

Permalänk: https://www.webforum.nu/p/130100

## #2 — Melea, 2005-06-16T16:23Z

```
A.stilmall2:LINK {
	color: #FFFFFF;
	text-decoration : none;
	font : verdana;
}
A.stilmall2:VISITED {
	color: #FFFFFF;
	text-decoration : none;
	font : verdana;
}
A.stilmall2:ACTIVE {
	color: #FFFFFF;
	text-decoration : none;
	font : verdana;
}
A.stilmall2:HOVER {
	color: #FFFFFF;
	text-decoration: underline;
	font : verdana;
}
```

```
<a href="index.html" class="stilmall2">Index.html</a>
```

 :)

**/r** Eftersom du har samma egenskaper på länkarna räcker det iofs med att du skriver

```
a.stilmall2 {
	color: #FFFFFF;
	text-decoration: underline;
	font : verdana;
}
```

Permalänk: https://www.webforum.nu/p/1631312

## #3 — Anton_L, 2005-06-16T16:31Z

men var ska 

a.stilmall2 {
	color: #FFFFFF;
	text-decoration: underline;
	font : verdana;
}

skrivas!?!? i head taggen eller i eget dokument!??!

Permalänk: https://www.webforum.nu/p/1631313

## #4 — Guffa, 2005-06-16T16:38Z

Lägg det i css-filen.

```
a {
	color: #000;
	text-decoration : none;
	font : Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: underline;
}
a.kaffesump {
	color: #fff;
}
```

\<a href="sida.html" class="kaffesump"\>En vit länk.\</a\>

Permalänk: https://www.webforum.nu/p/1631316

## #5 — Anton_L, 2005-06-16T16:42Z

Tack för hjälpen, snabb och bra support  ;)

Permalänk: https://www.webforum.nu/p/1631317

## #6 — learn, 2005-07-27T12:17Z

Följdfråga, hur blir det om man använder sig av id istället för class då?

Permalänk: https://www.webforum.nu/p/1648876

## #7 — Helmertz, 2005-07-27T12:27Z

> **learn skrev:**
>
> Följdfråga, hur blir det om man använder sig av id istället för class då?

Samma sak, men du kan bara nämna varje id en gång per dokument.

Använder du både id och class på samma element räknas både reglerna som du angivit för class men även de för id. Har du angivit samma attribut men med olika värden i class och id, räknas det i id. Exempel:

```
.a{
 font-color: white;
}

#b{
 font-color: black;
}

<p class="a" id="b">Hej</p>
```

.. ger en svart text.

Permalänk: https://www.webforum.nu/p/1648879

## #8 — learn, 2005-07-27T12:38Z

jojo, men jag tänkte mer på ifall jag har en generell färg på länkar och vill ha en speciell färg på just en typ av länk. Precis som Anton_L, fast med id istället för class.
Detta funkar ju inte:

```
a.IDnamn:link { ... }
```

Permalänk: https://www.webforum.nu/p/1648883

## #9 — learn, 2005-07-27T13:13Z

Aja...

men borde inte detta fungera:

```
<style type="text/css">
a.meny{
text-decoration: none; color: #FFFFFF; font-weight:bold
}
a.meny:hover{
text-decoration: underline;
}
</style>

<p><a href="#" class="meny" id="IDnamn">Startsidan</a></p>
```

 
det gör det inte för mig...

Permalänk: https://www.webforum.nu/p/1648895

## #10 — learn, 2005-07-27T17:16Z

My fault! Koden ovan fungerar, men om jag istället sätter class="meny" på \<p\>:et så fungerar det inte (inte heller på \<div\>:en). Lite jobbigt att behöva sätta klass separat på alla länkar som skall vara vita... Måste finnas ngt enklare..?

Permalänk: https://www.webforum.nu/p/1648959

## #11 — Helmertz, 2005-07-27T17:20Z

Om du har alla länkar i samma div räcker detta:

```
div#meny a{
text-decoration: none;
color: #FFFFFF;
font-weight:bold
}

div#meny a:hover{
text-decoration: underline;
}
```

Permalänk: https://www.webforum.nu/p/1648961

## #12 — learn, 2005-07-27T17:35Z

tack det fungerar, men jag förstår inte...

En snabb fråga, kan man linka fler stylesheets på samma sida?

Permalänk: https://www.webforum.nu/p/1648965

## #13 — Helmertz, 2005-07-27T17:37Z

Vad förstår du inte? Du kan ha flera stylesheets.

Permalänk: https://www.webforum.nu/p/1648966

## #14 — zcorpan, 2005-07-27T18:03Z

"div#meny a" matchar alla \<a\> som befinner sig inom en \<div\> med ett ID av värde "meny". Tex i följande exempel matchar båda länkarna:

```
<div id="meny">
 <a href="#">foo</a>
 <span><a href="#">bar</a></span>
</div>
```

Permalänk: https://www.webforum.nu/p/1648973

---

Tråden på webben: https://www.webforum.nu/amne/html-css/130100-css-hjälp-tack