如何設置光標：指針css規則？

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> 

出於某種原因，我不能得到的固定指針樣式工作。我怎樣才能解決這個問題？

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