nth-of-type和nth-child区别

nth-of-type会忽略其它标签的顺序而按照标签自身种类的顺序进行筛选
nth-child是按照所有类型标签的所谓整体队列进行排序筛选,也就是说不论你是h1还是p标签,使用这个属性你要遵循在DOM树 中的顺序来进行操作

网站常用效果展开查看更多





网站常用效果展开查看更多





HTML5的几种存储方式

html5在引入webStorage之前,主要用cookies.

web storage
html5的webstorage 分两种:LocalStorage 和SessionStorage,两者的差别主要在生命周期不同。

LocalStorage
LocalStorage用于持久化的本地存储,存储资料在客户端(client)的浏览器上,除非主动删除数据,否则数 据是永远不会过期的。LocalStorage使用键值对的方式进行存储,存储的方式只能是字符串。存储内容可以有图片、json、样式、脚本等只要可以序列化为字符串的。

localstorage API基本使用方法:

使用localStorage.setItem(key,value)设置数据

你可能感兴趣的:(nth-of-type和nth-child区别)