Кто шарит в css, подскажите

[barzini]

есть 2 класса

.colorfont:hover  {
            text-shadow: 1px 1px 1px #3985cc,  0 0 1em gray; /* Параметры тени */
            -webkit-filter: brightness(100%);
            -webkit-transform: scale(1.1);
           -moz-transform: scale(1.1);
           -o-transform: scale(1.1);
            }

.photonav:hover {
               -webkit-filter: brightness(120%);
                  border: 2px solid #acacac;
                  box-shadow: inset 0 0 0 23px #53ea93;
                  -webkit-transform: scale(1.1);
                 -moz-transform: scale(1.1);
                 -o-transform: scale(1.1);
                    }

есть картинка и рядом текст, при наведении на картинку - она принимает свойства .photonav:hover
при наведении на текст - она принимает свойства .colorfont:hover
как сделать, что бы при наведении на картинку или текст, оба класса одновременно работали. Не смог загуглить это. Заранее спасибо.

 

[l4legenda]

почему нельзя сделать все в один блок и к нему сделать hover ?
т.е.

<div class="block">
    <div class="colorfont">
        
    </div>
    <div class="photonav">
        
    </div>
    
</div>

.block:hover > .colorfont{
    /* code */
}
.block:hover > .photonav{
     /* code */
}

 

[Shybert]

Смотри просто текст в один блок, а получается картинку в другой блок. Ставишь ID и просто hover