CSS选择器

nth-of-type 和 nth-child

1. nth-of-type ： 先过滤类型，重新排序，匹配序号
2. nth-of-child : 获取所有的子元素，再匹配序号对应的类型是否一致
   参考：解析CSS3伪类选择器nth-of-type和nth-child的用法，以及两者的区别
3. 属性选择器
   • [attribute]
   • [attribute='value']
   • [attribute~='value'] : 包含value。注释：value是一个完整的单词
   • [attribute|='value'] : 指定属性以指定值开头的元素。注释：值必须是完整或单独的单词，比如 class="top" 或者后跟连字符的，比如 class="top-text"。
   • [attribute^='value'] : 指定属性以指定值开头的元素。注释：不必是一个完整的单词