The Id Selector

I have a website that I am developing.

I want to install a jquery slideshow plug in that I found online:

Here is the link: http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/

The only problem is in my style.css has already specified the style's for the <li> attribute.

The demo.css has a <li> property as well and it causes havoc on my template.

I have tried using the selectors both id & class method to change the <li> properties on the slideshow, but it seems the demo.css is linked to script.js.

I want to seperate the "li" in demo.css from the "li" in style.css.

How can I change the <li> so that it does not conflict with the one on my style.css sheet.

Thank-you

Give one of the elements a unique class name, and then use the style sheet to refer to that class. Style sheets can refer by tag, by id, or by class. If you have conflicts, then you are going to have to use more complex specifiers. For instance, li.list would refer to an element with an li tag, and class name 'list'. Or you could simply use the id, and reference it in your css by (for example) #list.

Read this. It should give you some ideas on what to do when you have conflicts.

Thank-you

After taking a walk I renamed the class attributes and now it should work okay.