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代碼,我從老師的網(wǎng)站上提取出來的
這條和上一條合并起來是那兩個按鈕的CSS代碼,我從老師的網(wǎng)站上提取出來的
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