How to define bullet image and code to defined div element?

[toplisek]

I have code like




#mainctnR{
width: 555px;
border-left: 1px dotted #CCCCCC;
margin-left: 174px;
text-align: left;
padding-top: 5px;
padding-right: 0px;
padding-left: 10px;
padding-bottom: 15px;

}


there is also define ul and bullet list like




ul { list-style-type:none; margin:0px; padding:0px }
li {
background: transparent url(index_files/bullet1.gif) no-repeat 0% 0%;
padding-left:15px;
margin-top:7px;
line-height:10px;
}

How to define name for this ul that it will be within div?

[nwalton]

You can select specific elements, and elements within elements in CSS like this:


div#mainctnR ul {
...
}

div#mainctnR ul li {
...
}


Using selectors this way will only format the <ul> and <li> elements that fall within a <div> that has the #mainctnR id. Is this what you're looking for?