css hover，如何實(shí)現(xiàn)移過去後，兩個(gè)效果都顯示？

<div class="tips_tab" onclick="location.href='tips?query=7';">
        <img class="code_img<?=$nowUri=='/tips?query=7' ? 'a':'';?>" src="../../images/tips7.png">
        <div class="code_title<?=$nowUri=='/tips?query=7' ? 'a':'';?>">旅行</div>
      </div>

.code_img{
  height: 50px;
  -webkit-filter: grayscale(100%);
  filter: gray;
    transition:0.2s ease-in-out;
    -webkit-transition:0.2s ease-in-out;
    -moz-transition:0.2s ease-in-out;
    -o-transition:0.2s ease-in-out;
}
.code_title{
  font-size: 13px;
  margin-top: 10px;
  color:#999;
    transition:0.2s ease-in-out;
    -webkit-transition:0.2s ease-in-out;
    -moz-transition:0.2s ease-in-out;
    -o-transition:0.2s ease-in-out;
}
.tips_tab{
  display: inline-block;
  margin: 0 20px;
  cursor: pointer;
}
.code_img:hover{
  -webkit-filter: grayscale(0%);
}
.code_title:hover{
  color:#262626;
}

.code_imga{
  height: 50px;
}
.code_titlea{
  font-size: 13px;
  margin-top: 10px;
  color:#262626;
}

現(xiàn)在遇到一個(gè)問題是
因?yàn)槲襝ode_img跟code_title效果是分開的
移動(dòng)到code_img黑白就會(huì)變0
移動(dòng)到code_title顏色就會(huì)從999到262626
但這樣變成分開的效果。。。。
我想讓他當(dāng)移動(dòng)到 tips_tab區(qū)塊時(shí)
code_img和code_title的hover就能夠出現(xiàn)同時(shí)了
請(qǐng)問要怎麼實(shí)現(xiàn)啊？