如何防止子元素中的父div样式

Question

CSS样式：

.disable{
  pointer-events:none;
  opacity:0.5;
}

Html代码：

  <div class="col-md-12 <?php echo $class;?>"> 
      <div class="image-title">
          <?php echo $icon?>
      </div>
  </div>

PHP代码：

<?php
    if($p['status'] == 'inactive'){
      $class = 'disable';
      $icon = '<span class="icon icon-bag" onclick="" id="" style="font-size:24px;"></span>';
    }
    else{
      $class= '';
      $icon = '<span class="icon icon-cancel-3" onclick="inactive('.$checkbox[0]["UniqueID"].',this)" id="'.$checkbox[0]["UniqueID"].'" style="font-size:24px;"></span>';
    }
?> 

有些时候禁用类会在div上，但我不在乎。我只想显示与没有禁用类显示相同的span类，它可以是可点击的。我该怎么做？请帮助我，并提前感谢。如果我犯了任何语法或拼写错误，我会道歉。