Синхронные действия со стилем

@Divil · Регистрация: 11.04.2012

В данном коде при наведении на ссылку работает только картинка, фон не меняется

HTML5

<td class="td6_title" id="com">
            <a href="#">
         <span class="com_num">222</span>
         <span class="com_num">&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;</span>
        </a>
     </td>

CSS

.com_num {
    color: #fff;
    font-size: 8pt;
    font-weight: bold;
    background: #555;
    border-radius: 5px;
}
 
.com_num:hover {
    background: #d54e21;
}
.td6_title a {
    background-image: url(../images/bubble_bg.png);
    background-position: center 6px;
    background-repeat: no-repeat;
    padding: 0 0 6px;
    cursor: pointer;
    height: 1.3em;
    line-height: 1.1em;
    display: block;
}
 
.td6_title a:hover {
    background-position: center -21px;
}

Как сделать с помощью jquery или js, чтобы при наведении на ссылку span тоже выделялся, т.е. чтобы данный код:

CSS

.com_num:hover {
    background: #d54e21;
}
.td6_title a:hover {
    background-position: center -21px;
}

выполнялся синхронно?
Заранее благодарен!

@Заглянувший · 21.03.2014, 20:02

CSS

1
2
3

.td6_title a:hover .com_num {
    background: #d54e21;
}

Опции темы