慕设计2601135
2017-06-05 14:05
看黑老师,一个id选择器都没用,是因为什么呢?建议新手也这样吗?
类用加样式, 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名并再写一次样式,这样很没有效率,应该是想表达这个意思。而且类名的定义比较规范的话,不论是不是新手都很通用吧。
从 psd 到 html
105539 学习 · 466 问题
相似问题