uni-app支持的css选择器

合集 - uni-app知识(14)

1.uni-app学习笔记（一）-官方文档的学习路线2022-01-212.uni-app学习笔记（二）-Vue组件学习2022-01-263.uni-app学习笔记（三）-网络请求2022-01-264.html标签和uni-app内置组件的映射表2022-01-175.微信小程序转uni-app时常见的语法变化2022-01-266.uni-app 不同平台使用不同的Vue组件2022-01-267.uni-app判断运行的平台2022-01-258.uni-app开发环境和生产环境的判断2022-01-249.uni-app static目录的条件编译2022-01-25

10.uni-app支持的css选择器2022-01-26

11.vue与nvue的区别2022-01-1712.uni-app的upx与px、rpx的区别2022-01-2113.uni-app打包64位的安卓app2022-01-1714.uni-app、Vue组件的使用-引用子组件、传值2022-01-19

收起

目前支持的选择器有：

选择器	样例	样例描述
.class	.intro	选择所有拥有 class="intro" 的组件
#id	#firstname	选择拥有 id="firstname" 的组件
element	view	选择所有 view 组件
element, element	view, checkbox	选择所有文档的 view 组件和所有的 checkbox 组件
::after	view::after	在 view 组件后边插入内容，仅 vue 页面生效
::before	view::before	在 view 组件前边插入内容，仅 vue 页面生效

注意：

• 在 uni-app 中不能使用 * 选择器。
• 微信小程序自定义组件中仅支持 class 选择器

• page 相当于 body 节点，例如：

  <!-- 设置页面背景颜色，使用 scoped 会导致失效 -->
  page {
    background-color:#ccc;
  }