How to apply css to only a particular DIV?

[ghurty]

I am trying to set:

ul {

width: 400px;

margin: 0;

padding: 0;

}

 

li {

width: 200px;

margin: 0;

padding: 0;

display: block;

float: left;

}

 

to only this section:

<div class="Block Moveable Panel" id="VendorList">

<div class="BlockContent">

<h2>%%LNG_Vendors%%</h2>

<div class="VendorList">

<ul>

%%SNIPPET_VendorList%%

</ul>

</div>

</div>

</div>

 

 

 

What can I add to the css and the html so that it will only change the settings on that section?

 

Thanks

 

[Andy-H]

I am trying to set:

div#VendorList ul {

width: 400px;

margin: 0;

padding: 0;

}

 

div#VendorList ul li {

width: 200px;

margin: 0;

padding: 0;

display: block;

float: left;

}

 

to only this section:

<div class="Block Moveable Panel" id="VendorList">

<div class="BlockContent">

<h2>%%LNG_Vendors%%</h2>

<div class="VendorList">

<ul>

%%SNIPPET_VendorList%%

</ul>

</div>

</div>

</div>

 

 

 

What can I add to the css and the html so that it will only change the settings on that section?

 

Thanks

[arneman]

You are already using classes, so if you would use your CSS like below it can be even more simple.

 

.Classname {

  /*CSS Stuff*/

}