css hover，如何實現移過去後，兩個效果都顯示？

Question

<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;
}

現在遇到一個問題是
因為我code_img跟code_title效果是分開的
移動到code_img黑白就會變0
移動到code_title顏色就會從999到262626
但這樣變成分開的效果。。。。
我想讓他當移動到 tips_tab區塊時
code_img和code_title的hover就能夠出現同時了
請問要怎麼實現啊？

Answer 1

.tips_tab:hover .code_img{
-webkit-filter: grayscale(0%);
}
.tips_tab:hover .code_title{
color:#262626;
}

Answer 2

写成这样
.tips_tab:hover .code_img
.tips_tab:hover .code_title