---
title: "CSS - div.ID eller #ID ?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/123731-css-div-id-eller-id"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Wec"
published: "2005-03-04T13:14:31.000Z"
updated: "2005-03-04T13:53:28.000Z"
replies: 5
views: 250
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/123731-css-div-id-eller-id"
---

# CSS - div.ID eller #ID ?

## #1 — Wec, 2005-03-04T13:14Z

Har sett att många skriver t.ex. div.header isället för #header  i deras stilmall, någon här som känner för att förklara skillnaden mellan dem? (lite svårt att använda google om man inte har ett redigt sökord ; )

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

## #2 — Nipon, 2005-03-04T13:28Z

Ja, alltså...

Med **div.header** skapar du en klass som du knyter till "taggen" div - du kan använda klassen i hur många div-taggar som helst: \<div class="header"\>

Med **\#header** skapar du ett ID som bara kan användas en gång på varje sida - \<div id="header"\> - och inte nödvändigtvis med taggen div. Vill du knyta den till DIV skriver du: **div#header**

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

## #3 — Wec, 2005-03-04T13:38Z

aah, ok, men borde inte div.ettnamn vara saksamma som .ettnamn? eller?.. Whoa, im lost :/

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

## #4 — Nipon, 2005-03-04T13:43Z

Jo, på sätt och vis...

Men du kanske har fler "header"- klasser... En för DIV en för P osv.

p.header
div.header

Då kan du ge dem olika egenskaper!

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

## #5 — Wec, 2005-03-04T13:47Z

Ahaja, Man tackar och bockar för förklaringen :- ) hade suttit o snurrat på den där frågan länge

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

## #6 — Nipon, 2005-03-04T13:53Z

Lite tydligare:

Stilmall:

\<style type="text/css"\>
\<!--
.header { font-family: Verdana; font-size: 11px; }
div.header { color: blue; }
p.header { color: red; }
\--\>
\</style\>

På sidan:

\<p class="header"\>Hejsan!\</p\>
\<div class="header"\>Hejsan!\</div\>

Bara färgen ändras och teckensnittet blir som angetts i "header"

Finurligt värre!  :p

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/123731-css-div-id-eller-id