mouseover divのCSSが正しく動作しない

Question

私は本当にシンプルなCSSを使っています。マウスを動かすとカーソルがポインタに変わります。

私はこのコードを何時間も見てきましたが、なぜカーソルがポインタに変わらないのかわかりません。私がdivを移動すると、それは簡単に変更され、矢印に戻ります。

これはおそらく何か本当に単純ですが、私はそれを見ることはできません。

.holder{ 
 
    width:1000px; 
 
    overflow: auto; 
 
    margin: 0 auto; 
 
    font-family: 'Abel'; 
 
    padding-left: 50px; 
 
    padding-top: 50px; 
 
    position: relative; 
 
    } 
 
.action_pod{ 
 
    float:left; 
 
    border-radius: 10px; 
 
    border: 1px solid #777; 
 
    font-family: 'Abel'; 
 
    margin: 10px; 
 
    overflow: hidden; 
 
    padding:2px; 
 
    cursor:pointer; 
 
} 
 
.act_pod{ 
 
    background-color: #cf9b63; 
 
    color: #fff; 
 
    width:100%; 
 
    border-radius: 7px; 
 
    padding-left: 3px; 
 
    padding-right: 3px; 
 
    font-size: 1em; 
 
    text-align: center; 
 
    cursor: pointer; 
 
} 
 
a:link{ 
 
    text-decoration: none; 
 
    color:inherit; 
 
    cursor: pointer; 
 
} 
 
a:visited{ 
 
    text-decoration: none; 
 
    color:inherit; 
 
    cursor:pointer; 
 
}

<div class="holder"> 
 
    <div class="action_pod"> 
 
     <div class="act_pod"> 
 
      <a href="add_raw_season.php">add new raw season</a> 
 
     </div> 
 
    </div> 
 
</div>

更新：すべての提案をありがとう。私はそれらをすべて試してきましたが、今のところ何も働いていません。私は今ブラウザに何かヒンキーなものがあるのだろうかと思っています...

更新2：私のMacで何とかエラーが発生しています。私が抱えていた問題の助けを求めるだけで、私が行ったように私が持っていたすべての情報を与えたので、私の質問は驚いた。

update 3：明らかに、MacでPhotoshop CCを同時に実行すると問題になります。誰かが同じ問題を抱えている場合は、ここで解決策を見つけてください。 https://apple.stackexchange.com/questions/151370/my-cursor-is-wrong-in-certain-apps-safari-chrome-mail

Answer 1

あなたはdiv

holder:hover { 
    cursor: pointer; 
} 

Answer 2

使用して、あなたのCSSに以下を追加する必要があります

を

.act_pod:hover{ 
    cursor: pointer; 
} 

Answer 3

は、あなたのコードの中で、今持っているすべてのcursor:pointer;ビットを削除し、親にCSSを追加

divName:hover { 
    cursor: pointer; 
} 

Answer 4

本当に簡単ですそうだ。

body{cursor:default;}.holder a:hover{cursor:pointer;} 

Answer 5

他の事業部のクラスで をすべてのカーソルを削除し、期待通りにあなたのクラスでは

.holder:hover{ 
    ........ 
    cursor:pointer; 
}