コンテナdivにカーソルポインタを適用できません

Question

cursor:pointer;をラッパーdiv id = aに使用する必要がありますが、ユーザーがカーソルをAまたはBに移動すると、カーソルがデフォルトに設定されます。

私はAとB

Iは、zインデックスが、成功しませんを使用しようとしましたので、ラッパーのdiv内のすべての要素にcursor:pointer;を強制する代わりにする必要があります。

いずれか回避しますか？ （可能であればCSSソリューションが必要です） ありがとうございました。

<div id="a" style="width:200px; height:200px; background-color:yellow; cursor:pointer; z-index: 100;"> 
 
A 
 
    <div id="b" style="width:50px; height:50px; background-color:blue; cursor:auto;"> 
 
    B 
 
    </div> 
 
    <div id="c" style="width:50px; height:50px; background-color:orange; cursor:auto;"> 
 
    C 
 
    </div> 
 
</div>

Answer 1

使用inherit代わりauto

<div id="a" style="width:200px; height:200px; background-color:yellow; cursor:pointer; z-index: 100;"> 
 
A 
 
    <div id="b" style="width:50px; height:50px; background-color:blue; cursor:inherit"> 
 
    B 
 
    </div> 
 
    <div id="c" style="width:50px; height:50px; background-color:orange; cursor:inherit;"> 
 
    C 
 
    </div> 
 
</div>

Answer 2

のそれをシンプルに保ちます。 cursor:pointerでcursor:autoを置き換えます

<div id="a" style="width:200px; height:200px; background-color:yellow; cursor:pointer; z-index: 100;"> 
 
A 
 
    <div id="b" style="width:50px; height:50px; background-color:blue; cursor:pointer;"> 
 
    B 
 
    </div> 
 
    <div id="c" style="width:50px; height:50px; background-color:orange; cursor:pointer;"> 
 
    C 
 
    </div> 
 
</div>

Answer 3

あなたはこれがid="a"内のすべての<div>秒間cursor: pointerを行います代わりにcursor: auto;

Answer 4

のIDをbとcためcursor: pointer;を使用する必要があります。

<div id="a" style="width:200px; height:200px; background-color:yellow; cursor:pointer; z-index: 100;"> 
 
A 
 
    <div id="b" style="width:50px; height:50px; background-color:blue;"> 
 
    B 
 
    </div> 
 
    <div id="c" style="width:50px; height:50px; background-color:orange;"> 
 
    C 
 
    </div> 
 
</div>

Answer 5

利用inherit代わりのauto

<div id="a" style="width:200px; height:200px; background-color:yellow; cursor:pointer; z-index: 100;"> 
A 
    <div id="b" style="width:50px; height:50px; background-color:blue; cursor:inherit"> 
    B 
    </div> 
    <div id="c" style="width:50px; height:50px; background-color:orange; cursor:inherit;"> 
    C 
    </div> 
</div>