Definitionslista - Marginal

4 svar · 245 visningar · startad av Troxy 22 feb. 2005

TroxyMedlem sedan mars 20041 505 inlägg

Frågan22 feb. 2005 12:32#1

Varför blir det marginaler för listorna?

CSS:

.myclass dl
	{
	margin: 0;
	padding: 0;
	}

.myclass dl dt
	{
	margin: 0;
	padding: 0;
	}

.myclass dl dd
	{
	margin: 0;
	padding: 0;
	}

HTML:

<dl class="myclass">
	<dt>En lista</dt>
	<dd>En lista</dd>
</dl>
<dl class="myclass">
	<dt>En lista</dt>
	<dd>En lista</dd>
</dl>

Varför blir det inte marginal för listorna om jag tar bort classen?

CSS:

dl
	{
	margin: 0;
	padding: 0;
	}

dl dt
	{
	margin: 0;
	padding: 0;
	}

dl dd
	{
	margin: 0;
	padding: 0;
	}

HTML:

<dl>
	<dt>En lista</dt>
	<dd>En lista</dd>
</dl>
<dl>
	<dt>En lista</dt>
	<dd>En lista</dd>
</dl>

icaaqMedlem sedan okt. 20005 273 inlägg

22 feb. 2005 12:51#2

[red]dl.myclass 
	{
	margin: 0;
	padding: 0;
	}

dl.myclass dt
	{
	margin: 0;
	padding: 0;
	}

dl.myclass dd
	{
	margin: 0;
	padding: 0;
	}
[/red]

:)
mv icaaq

icaaqMedlem sedan okt. 20005 273 inlägg

22 feb. 2005 12:52#3

eller

[red].myclass 
	{
	margin: 0;
	padding: 0;
	}

.myclass dt
	{
	margin: 0;
	padding: 0;
	}

.myclass dd
	{
	margin: 0;
	padding: 0;
	}
[/red]

:)
mv icaaq

zcorpanMedlem sedan dec. 20042 245 inlägg

22 feb. 2005 13:34#4

eller

.myclass, .myclass dt, .myclass dd { margin: 0; padding: 0; }

TroxyMedlem sedan mars 20041 505 inlägg

22 feb. 2005 13:56#5

Tack för hjälpen. Nu fattar jag själva felet från början:

.myclass dl

Är fel. Nu letar webbläsaren efter alla dl-element i classen. Eftersom dl-elementet blivit tilldelat classen, finns inga dl-element inom klassen. Därför ska det bara vara:

.myclass

Over and out.