---
title: "Boxar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/186380-boxar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Gimbo"
published: "2011-03-10T15:42:39.000Z"
updated: "2011-03-13T13:37:24.000Z"
replies: 5
views: 1525
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/186380-boxar"
---

# Boxar

## #1 — Gimbo, 2011-03-10T15:42Z

Tjena,

Skulle behöva hjälp med css'en, jag har nämligen 2boxar på min webbsida. Som ser ut på följande sätt:

```
<div class="Box Box1" id="sharepoint_server_boxcontainer1">
  <div class="BoxHeader" id="sharepoint_server_boxcontainer1">
  <div class="BoxContent" id="sharepoint_server_boxcontainer1">

<div class="Box Box2" id="sharepoint_server_boxcontainer2">
  <div class="BoxHeader" id="sharepoint_server_boxcontainer2">
  <div class="BoxContent" id="sharepoint_server_boxcontainer2">
```

Jag vill via css'en ändra så att box headern på de 2 olika boxarna blir olika, kan jag göra det genom att skriva:

```
.Box .box1container .BoxHead {
attributen här
}

.Box .box2container .BoxHead {
attributen här
}
```

verkar nämligen inte funka för mig?

Kan jag även göra samma sak med H1 taggar dvs jag vill att enbart H1 taggarna som jag använder o bodyn skall färgläggas kan jag skriva:

```
H1 .body {
attribut
}
```

?

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

## #2 — voigtann1, 2011-03-10T15:49Z

ID måste vara unika på hemsidor.

```
.Box .box1container .BoxHead
```

 säger =\> hitta element med klassen "Box" inne i den (eller barn av element inne i .Box) måste det finnas en klass .box1container osv...

din html säger inte riktigt vad som är vad, när stänger du dina div:ar?

Om det är:

```
<div class="Box Box1" id="sharepoint_server_boxcontainer1">
	<div class="BoxHeader" id="sharepoint_server_boxcontainer1"></div>
	<div class="BoxContent" id="sharepoint_server_boxcontainer1"></div>
</div>

<div class="Box Box2" id="sharepoint_server_boxcontainer2">
	<div class="BoxHeader" id="sharepoint_server_boxcontainer2"></div>
	<div class="BoxContent" id="sharepoint_server_boxcontainer2"></div>
</div>
```

Om vi ignorera att du har 3 st id med samma namn(fixar detta ASAP!)
  
så ser din CSS ut:

```
.Box1 {}
	.Box1 .BoxHeader {}
	.Box1 .BoxContent {}
.Box2 {}
	.Box2 .BoxHeader {}
	.Box2 .BoxContent {}
```

Om du skriver:

.class1.class2

så måste elementet både ha en klass som heter class1 och class2:

```
<div class="class1 class2"></div>
```

```
h1 .body
```

 säger:

```
<h1><someElement class="body">...</someElement></h1>
```

\-----------------

men:

```
h1.body
```

säger:

```
<h1 class="body">...</h1>
```

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

## #3 — Gimbo, 2011-03-13T10:48Z

tack för ditt svar voigtann, ska ge dig lite bättre kod saxat från källkoden:

```
<div id="ctl00_contentRegion_box1Container" class="Box box1Container">
   <div id="ctl00_contentRegion_boxHead1Container" class="BoxHead">
      <h2><span>box 1</span></h2>
   </div>
<div id="ctl00_contentRegion_boxBody1Container" class="BoxContent">
  <div>
    <p>box 1 cont</p>
  </div>
</div>
</div>
 
<div id="ctl00_contentRegion_box2Container" class="Box box2Container">
   <div id="ctl00_contentRegion_boxHead2Container" class="BoxHead">
     <h2><span>box 2</span></h2>
   </div>
<div id="ctl00_contentRegion_boxBody2Container" class="BoxContent">
  <div>
    <p>box 2 cont</p>
    <p>ppp</p>
</div>
```

Hur skriver jag css'en på bästa sätt för att style'a boxhead för respektive box?

borde det inte gå att gör på följande vis?

```
.Box .box1container .BoxHead {element}
```

när jag testar det så verkar det inte fungera?

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

## #4 — voigtann1, 2011-03-13T11:25Z

Ta bort mellanslaget på .box och .box1container då det är samma element som har båda css klasserna

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

## #5 — Gimbo, 2011-03-13T12:51Z

Perfekt!
Men vad gäller att bara kontrollera H1 taggar i bodyn, hur kan jag göra det?
har en div som heter contentBody, kan jag göra så att jag bara färglägger h1 taggar i contentBody? 
Jag har nämligen en H1 tagg i headern som jag vill färglägga annorlunda.

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

## #6 — voigtann1, 2011-03-13T13:37Z

Ja. Läs mitt första inlägg hur man hitta element med css

.klassnamn h1 {} säger alla h1 inne i ett element med klassen "klassnamn"

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/186380-boxar
