Definitionslista - Marginal

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>

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

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

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

:)
mv icaaq

eller

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

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

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

:)
mv icaaq

eller

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

:)

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.