什么是最好的css选择器‘所有的孩子’？

Question

在我的网页上-在我的css中我写了：

*{pointer-events:none;}
.pev{pointer-events:auto}

这是因为我想要一个强大的ui，还有一些可拖的东西，我不想让用户意外地选择东西，等等

所以我拿走了所有的点击，悬停等等，然后把它们放回需要触摸的东西上，。

我有一个元素(classed .play)，它包含一个youtube播放器(考虑到它的父级、prev类和jquery )。

我想知道正确的、最有效的绕过.prev和*的方法，只需通过继承将指针事件自动添加到播放器及其内部(我认为这是正确的)。

其中哪一个语法更好？

.play*{pointer-events:auto;}
.play < *{pointer-events:auto;}

UPDATE----------------------------

多亏了Pinal，我已经能够稳定指针事件(如果光标碰巧干扰视频时拖动视频指针事件通常会停止拖动事件(鼠标比拖动元素移动得更快，那么拖拽中的失速就会发生。)结果=== UI看起来坏了)。

这就是简单的解决办法(再次感谢，伙计).

css：

*{outline:none;pointer-events:none;}
.pev{pointer-events:auto!important;}
.play > * {pointer-events:auto;}
.playdrag > * {pointer-events:none!important;}

jquery：

$(document.body)
    .on('mouseover','.play',function(){
        $('.play').draggable({ containment:'#screensize',scroll:false});
        })
    .on('mousedown','.play',function(){
        $(this).addClass('playdrag');
        })
    .on('mouseup','.play',function(){
        $(this).removeClass('playdrag');
        });

太酷了，让一切都变得光滑！

Answer 1

您有错误的打印，您忘记了空格和子选择器是>，而不是<。

.play * {pointer-events:auto;}//select all inside
.play > *{pointer-events:auto;}//select children only

所以最好将.play > *用于独生子女的选择。