header .type li:first-child{border-left:solid 1px #fff;border-top-left-radius:5px;border-bottom-left-radius:5px}header .type li:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}li{display:list-item;text-align:-webkit-match-parent}
这条和上一条合并起来是那两个按钮的CSS代码,我从老师的网站上提取出来的
这条和上一条合并起来是那两个按钮的CSS代码,我从老师的网站上提取出来的
2016-06-11
header .type{display:inline-block;margin:0 auto;list-style-type:none}header .type li{float:left;height:30px;line-height:30px;width:80px;border-top:solid 1px #fff;border-right:solid 1px #fff;border-bottom:solid 1px #fff;cursor:pointer}header .type li.selected{background:#fff;color:#000}
2016-06-11
老师用的是DOM扩展SelectorAPI Level1的两个核心方法querySelector()和querySelectorAll(),IE8+支持,返回的是DOM元素或列表,不是jquery的包装对象,老师用function $(s)模拟了jQuery选择器。
2016-06-08