微信小程序-WXSS的书写格式

简介: 编写在当前页面文件夹当中的 WXML 的 WXSS 文件当中:

行内样式

<view style="color: red;">行内样式</view>


页面样式


编写在当前页面文件夹当中的 WXML 的 WXSS 文件当中:


index.wxss:

.pageStyle {
  color: pink;
}


index.wxml:

<view class="pageStyle">页面样式</view>


全局样式


编写在 app.wxss 文件当中:

.globalStyle {
  color: #f0f;
}


index.wxml:

<view class="globalStyle">全局样式</view>


优先级


分别为:行内样式 > 页面样式 > 全局样式,如果想让其中的某一个样式达到最高可以利用之前 CSS 所学习的 !important 来实现。


行内样式 > 页面样式 > 全局样式:

<view style="color: red;" class="pageStyle globalStyle">行内样式</view>


页面样式 > 全局样式:

<view class="pageStyle globalStyle">页面样式</view>


!important:

.globalStyle {
  color: #f0f !important;
}


2105804-20230406223638243-240821008.png

目录
相关文章
|
4月前
|
小程序 前端开发 开发者
【微信小程序】-- WXSS 模板样式- rpx & import (十三)
【微信小程序】-- WXSS 模板样式- rpx & import (十三)
|
4月前
|
移动开发 小程序 JavaScript
Uniapp 中,能够同时兼容H5、web、app、微信小程序的引入高德地图的语法格式
Uniapp 中,能够同时兼容H5、web、app、微信小程序的引入高德地图的语法格式
415 0
|
3月前
|
Java C语言
Java微信语音amr格式转mp3格式
Java微信语音amr格式转mp3格式
|
2月前
|
存储 前端开发 Java
支付系统----微信支付17-----定义统一结果,返回时间格式不一样,怎样解决
支付系统----微信支付17-----定义统一结果,返回时间格式不一样,怎样解决
|
4月前
|
JavaScript 小程序
微信小程序 搜索框实现模糊搜索(带模拟数据,js,wxml,wxss齐全
微信小程序 搜索框实现模糊搜索(带模拟数据,js,wxml,wxss齐全
|
4月前
|
小程序
【微信小程序】-- WXSS 模板样式- 全局样式和局部样式(十四)
【微信小程序】-- WXSS 模板样式- 全局样式和局部样式(十四)
|
4月前
|
小程序 JavaScript 前端开发
【微信小程序】--WXML & WXSS & JS 逻辑交互介绍(四)
【微信小程序】--WXML & WXSS & JS 逻辑交互介绍(四)
|
4月前
|
前端开发 小程序
微信小程序中wxss和css的差异
微信小程序中wxss和css的差异
|
4月前
|
移动开发 JavaScript 小程序
【uniapp 小程序开发语法篇】资源引入 | 语法介绍 | UTS 语法支持(链接格式)
【uniapp 小程序开发语法篇】资源引入 | 语法介绍 | UTS 语法支持(链接格式)
294 0
|
16天前
|
小程序 JavaScript Java
微信小程序的后端开发需要使用什么语言?
【8月更文挑战第22天】微信小程序的后端开发需要使用什么语言?
195 65

热门文章

最新文章

下一篇
DDNS