类用加样式, ID加动作。因为类可以用很多次,js代码不能确定标签

比如

<div class='className'>....</div>
<div class='className'>....</div>

<script>
  document.querySelector('.className');
</script>

id具有唯一性，W3C中文的解释“id 属性只能在每个 HTML 文档中出现一次”。HTML页面的动态一些是通过js实现的

<div id='alert'>
    <div class='title'>自定义弹窗</div>
    <div class='text'>自定义弹窗内容。。。。。</div>
</div>

<input type='button' onclick='MyAlert()' value="显示隐藏"/>

<script>
    function MyAlert(){
        var MyAlert = document.querySelector('#alert');
        Display = MyAlert.style.display;
        MyAlert.style.display = (Display=='none') ? 'block':'none';
    }
</script>

class类可以多次使用，一个class类可以多次使用在不同标签，这样如果多个标签都是一个样式的话，只要在多个标签里写入这class类名就能省掉好多功夫。id在一个文档里只能用一次，一般用来在js等框架中获取标签。

老师用的都是类，大概是为了表现出通用性，表示这个样式表可以给所有相同类名的块使用，而ID选择器的话，就只能使用一次，如果有要使用相同样式的标签就得再加一个不同的ID名并再写一次样式，这样很没有效率，应该是想表达这个意思。而且类名的定义比较规范的话，不论是不是新手都很通用吧。