微信小程序样式选择器（一）_该用户还没想到昵称_新浪博客

一、基本选择器

• 类选择器 .name{}
• ID选择器 #name{}
• 元素选择器 name{}

      

• 通配符选择器(编译不通过) *{} 
• 包含选择器 p c{}：parent下所有的同一名字的child

     

• 子元素选择器 p>c{}：parent下一层所有的同一名字的child

     

• 邻近兄弟元素选择器 c1+c2{}：同一层级中与child1相邻的child2元素

        

• 通用兄弟元素选择器 c1~c2{}：同一层级中，child1下一个（可不相邻）child2元素

     

二、属性选择器

• E[attr]：包含attr属性的元素

       

• E[attr="value"]：属性值只等于“value"的元素

       

• E[attr~="value"]：有的元素属性有很多个属性值，该样式表示属性值中只要有一个是“value"的元素

  

       

     

• E[attr|="value"]：属性值以“value-"开头的元素

      

• E[attr^="value"]：属性值以“value"开头的元素

      

• E[attr$="value"]：属性值以“value"结尾的元素

     

• E[attr*="value"]：属性值字符串中包含“value"的元素