Class 对于'；所有儿童'；？

在我的页面上-在我的css中，我放置了：

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

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

所以我取消了所有的点击、悬停等，只是把它们放回需要触摸的东西上

我有一个元素（classed.play），它包含一个youtube播放器（假设它的父级是prev类和jquery draggable）

我想知道绕过.prev和*的最有效的方法，只需通过继承将指针事件自动添加到播放器和其中的任何内容（我认为这是正确的）

以下哪种语法更好

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

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');
        });

---

太酷了，让一切都变得很酷

您有印刷错误，您忘记了空格和儿童选择器是

，而不是

*

用于独生子女选择。

我是诵读困难lol我想了很久（）并确定我是对的lol！那么空间是至关重要的？啊因为没有。或者#所以一个空格和class/id的缺失将表明我们正在讨论html标记类型。。。非常感谢。Pinal@BENZ.404空格不是关键，而是方向。你也可以写

.play>*{/*作品*/}

哦，太酷了！你认为哪一个是最好的，更少的字符意味着更少的负载，但这是否意味着更多的浏览器工作？

更少的字符意味着更少的负载

-GZIP将为你解决流量问题。不要让你的代码不可读。

$(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');
        });

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