前端提高篇（四十七）练习4

问题3：

当屏幕较小时，点击右上角的’=’，来控制ul的显示与隐藏，如果用js来判断，并设置display，

var gnMore = document.getElementsByClassName(‘gn-more’)[0],

gnList = document.getElementsByClassName(‘gn-list’)[0];

gnMore.onclick = function(){

if (gnList.style.display == ‘flex’){

gnList.style.display = ‘none’;

}else {

gnList.style.display = ‘flex’;

}

}

效果：

当屏幕小时点击两次’=’，display: none;的效果会留在.gn-more的内联样式上，屏幕拉大，gn-list不显示;即使gn-list在屏幕大时有设置display为flex，但内嵌样式权重最大，覆盖了外部样式中dislay的设置：

所以，不能使用disp