边栏部分标题图像

Question

我有一个在Wordpress上运行的博客，我正在尝试为侧边栏的每个部分定义标题图像。我的侧边栏有“最新消息”，“编辑选择”等部分。我使用了firebug来检查我的网站，发现在CSS样式表中，侧边栏元素“.sidebar-widget-title”是我可以定义的地方小部件标题的背景图像。但是，这并不是我想要做的。

.widget {
    background:    url(images/bg-pattern.png) repeat;
    margin-bottom: 35px;
    overflow:      hidden;
    padding:       10px;
}

.widget iframe {
    display: block;
}

.widget ul {
    background:      #fff;
    list-style-type: none;
    clear:           both;
    height:          100%;
    overflow:        hidden;
    margin:          0;
    padding:         0 10px;
}

.widget ul li {
    padding:       8px 0;
    border-bottom: 1px dashed #efefef;
}

.widget ul li:last-child {
    border-bottom: none;
}

.widget .textwidget {
    padding: 15px 15px 5px 15px;
}

.textwidget p {
    padding: 0 0 10px 0;
    margin:  0;
}

.sidebar-widget-title {
    padding-bottom: 10px;
    text-transform: none;
}

.widget-line-title {
    background: url(images/bg-pattern.png) repeat-x 0 50%;
    height:     27px;
}

.line-title, .page-line-title {
    background:    url(images/bg-pattern.png) repeat-x 0 60%;
    margin-bottom: 15px;
}

.line-title {
    height: 27px;
}

.page-line-title {
    height: 33px;
}

.line-title h3, .page-line-title h1, .widget-line-title h3 {
    background: #fff;
    padding:    0 10px 0 0;
    display:    inline-block;
}

.widget-line-title h3 {
    text-transform: none;
}