---
title: "CSS arv"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/174323-css-arv"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "l-boy"
published: "2008-09-25T06:59:14.000Z"
updated: "2008-09-25T08:28:05.000Z"
replies: 1
views: 459
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/174323-css-arv"
---

# CSS arv

## #1 — l-boy, 2008-09-25T06:59Z

Är följande metod den enklaste/bästa om man vill göra "undermenyer" med ett annat utseende än den första ul/li-listan? Det är framförallt #leftmenu ul ul och #leftmenu li li som jag är lite osäker på.

```

css:

#leftmenu {	
	padding: 0;
	margin: 0;
	background-color: #eee;
}

#leftmenu ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#leftmenu li a
{
	background-color: #eee;
	padding: 5px;
	display: block;		
	color: #333333;
	border-bottom: 1px solid #eee;
	text-decoration: none;
}

#leftmenu ul ul
{
	padding: 0;
	margin-left: 10px;
	list-style-type: none;
}

#leftmenu li li a
{
	background-color: #eee;
	padding: 5px;
	display: block;		
	color: #333333;
	border-bottom: 1px solid #eee;
	text-decoration: none;
}

#leftmenu li a:hover
{
	background-color: #ddd;
	color: #000000;
}	

html:

<div id="leftmenu">

<ul>
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>

<li><a href="#">Four</a>

<ul>

   <li><a href="#">Four.One</a></li>
   <li><a href="#">Four.Two</a></li>

</ul>

</li>

<li><a href="#">Five</a></li>
<li><a href="#">Six</a></li>

</ul>

</div>
```

edit: stavfel.

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

## #2 — icaaq, 2008-09-25T08:28Z

tog bort en del    &#9786; 

```

css:

#leftmenu 
{
	background-color: #eee;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#leftmenu li a
{
	padding: 5px;
	display: block;		
	color: #333333;
	border-bottom: 1px solid #eee;
	text-decoration: none;
}

#leftmenu ul
{
	margin-left: 10px;
}

#leftmenu li a:hover
{
	background-color: #ddd;
	color: #000000;
}	

html:

<ul id="leftmenu">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>

<li><a href="#">Four</a>

<ul>

   <li><a href="#">Four.One</a></li>
   <li><a href="#">Four.Two</a></li>

</ul>

</li>

<li><a href="#">Five</a></li>
<li><a href="#">Six</a></li>

</ul>
```

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

---

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