css コンテナ内の要素がクリックされたときにコンテナのクリックイベントにバインドする方法_html/css_WEB-ITnose

<div class="btn-today glow three-btn">　　　　<span class="rb">本　　　　　　　　<span class="rt">ben</span>　　　　</span></div>

.btn-today:active{    background: rgb(255,255,255);}

内の「this」をクリックすると、スタイル btn-today:active がアクティブになりません。 の外側をクリックすると、スタイルがアクティブになります。
この問題を解決する方法はありますか?ありがとう。 。 。 。

ディスカッション (解決策) への返信

は .rb:active{

rgb(255,255, 255, 255); ポインターイベント: なし }

.btn-tody>span{

pointer-events: none;
}

pointer-events は上位層のイベントを無視できますか、それとも下位層のイベントを無視してアクティブにすることができますか? 試してみましたが、変化はありませんでした。

同じページでコンテナの背景の色を変更したいのですが、IE ではこの問題が発生しますが、FF と Chrome では問題ありません