On my sidebar I have different categories that are all the same style. the CSS code is:
li.widget h2, li.linkcat h2 (line 297)
{
width: 190px;
font-weight: bold;
font-size: 1.077em;
text-transform: uppercase;
letter-spacing: normal;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0.8em;
margin-left: 6px;
padding-top: 0.4em;
padding-right: 2px;
padding-bottom: 0.4em;
padding-left: 0pt;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #cfcfcf;
background-image: url(http://www.niftytutorials.com/wp-content/themes/nifty-v1/images/hr_line_black.gif);
background-repeat: no-repeat;
background-x-position: 0pt;
background-y-position: 100%;
}
so i'm unsure how to give EACH category its own image. For example, if i change the background image it is changed for every category.
Any ideas how I can customly give each categories there own classes or something of the like? thanks.