Html 如何设置光标：指针css规则？

我正在尝试设置光标的样式，这是SCS的一部分：

 .main_rec {
    width: 312px;
    height: 370px;
    border: solid 1px #dedede;
    margin-right: 10px;
    margin-bottom: 20px;

    a{
      cursor:pointer;
    }
  }

这是我的html：

<div class="main_rec col-md-3">
    <noscript></noscript>

    <div class="row">
        <div class="col-md-12"><a class="td-icon-xs icon-help"></a><a href="#">How to prepare?</a>
    </div>
</div>

由于某些原因，我无法使锚指针样式正常工作。我怎样才能解决这个问题？

它工作正常

.main\u rec{
宽度：312px；
高度：370px；
边框：实心1px#dedede；
右边距：10px；
边缘底部：20px；
}
.main_rec a{
光标：指针；
}