CSS - Css Referencing

I don't know if that is what one would call this topic...but I'm having a lot of trouble understanding "referencing elements" in CSS.

for example what is the difference between:
Code:

ul li { } 

and
Code:

li ul{ } 

Or let's say I have:
Code:

<div id="bottom">
 <a id="copy" href="http://www.whatever.com">Whatever</a><br>
 <a class="credits" href="http://www.anothersite.com">Another Site</a><br>
 Some other random text
</div>

What is the CSS to reference the link with id="copy"? or the link with class="credits"?

Many menus use nested <ul>s and <li>s and have IDs or classes for them as well. I'm very confused as to the syntax to reference an <li> in a <ul> as opposed to a <ul> in an <li>.

Anyone have links to some documentation on this?

Hi:

I am redeveloping a web site that was originally developed using frames and I am converting it to a CSS driven site.

One thing that frames does really well is that if you reference another site or web page it can be displayed in a frame of the existing site so it appears as a component of that site.

How can I do that using CSS? What I want is to have a page from another site appear as a component under the banner of my site.

Any thoughts?

Thanks

how do i reference a .gif file in css

i have multiple instances where an identical cell always references the same gif - can this be done?

Hi all,

I have come across this twice now within a new site I am building. I can not seem to be able to reference the img objects if they are within divs or other objects:

page excert
PHP Code:
<ul Class="rsslink">

                     <li>Raw RSS Feed: <a href="feed.xml"><img src="images/rss.gif" alt="RSS Feed" border=none/></a></li>

                     <li>Google: <a href="http://fusion.google.com/add?feedurl=http://www.houseofhawkins.com/feed.xml">
                    <img src="images/googlerss.gif" alt="Google RSS Application" /></a></li>

                     <li>Yahoo: <a href="http://add.my.yahoo.com/rss?url=http://www.houseofhawkins.com/feed.xml">
                    <img src="images/yahoorss.gif" alt="Yahoo RSS Application" /></a></li>

                    </ul> 





CSS excert

PHP Code:
 ul .rsslink  li img {
    border=none;
    margin-left: 50px;
} 





I have attached the full page and the full CSS if that helps (didnt want to post ALL that looks messy.

Thanks for your help