html - 如何设置光标:pointer css rule?

Question

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

 .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>

出于某种原因，我无法使用 anchor 指针样式。我该如何解决这个问题？

Answer 1

There is demo on jsfiddle.它工作正常。

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

    
  }
  
  .main_rec a{
      cursor:pointer;
    }

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

我觉得是scss的原因。确保你已经构建了 scss 到 css