关于jQuery选择器$(".ezdz-dropzone.ezdz-accept img")的选择范围及类名疑问

嘿，我来帮你把这个选择器的逻辑掰扯清楚～

首先，这个选择器的作用是：

• 先定位到同时拥有ezdz-dropzone和ezdz-accept这两个CSS类的元素（这里的两个.是类选择器的连接符，表示“且”的关系，不是类名里的点哦）
• 然后选择这个元素下所有的后代img标签（包括直接子元素和嵌套更深的子元素）

再来说你关心的「类属性值里能不能包含英文句点」这个问题：
HTML规范里其实允许类名包含.，但非常不推荐这么做！因为在CSS和jQuery选择器中，.是用来标识类选择器的特殊字符，如果类名里真的有.，你在写选择器的时候必须用转义符\来处理，比如类名是ezdz-dropzone.ezdz-accept的话，选择器得写成$(".\\.ezdz-dropzone\\.ezdz-accept img")，这会让代码变得极难阅读和维护，所以实际开发中完全没必要给自己找麻烦，类名尽量只用字母、数字、连字符-和下划线_就好。

简单总结一下：你之前的推测有个小误区，原选择器不是找类名带.的元素，而是找同时拥有两个类的元素的后代图片；类名可以包含.但绝对不推荐这么用。

内容的提问来源于stack exchange，提问作者Hairi