为什么不用ib选择器?

来源:6-1 总结

慕设计2601135

2017-06-05 14:05

看黑老师,一个id选择器都没用,是因为什么呢?建议新手也这样吗?

写回答 关注

3回答

  • 慕田峪1895761
    2017-11-26 23:17:14

    类用加样式, 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>
  • qq_面码_2
    2017-11-11 02:09:14

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

  • 慕粉1554206971
    2017-06-06 14:24:02

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

从 psd 到 html

教你把PSD设计稿转化成HTML,用案例来讲解基本流程

105471 学习 · 410 问题

查看课程

相似问题