wxss写法

wxss写法
WXSS（WeiXin Style Sheets）是微信小程序中的样式语言，用于描述页面的样式。

WXSS 语法与 CSS 类似，但有一些特定的语法和规则。

以下是一些常见的 WXSS 写法：
1.选择器
WXSS 选择器用于选择需要应用样式的元素。

选择器可以使用标签名、类名和 ID 来选择元素。

例如：
css
/* 选择所有 <view> 元素 */
view {
width: 100%;
height: 100%;
}
/* 选择类名为 .container 的元素 */
.container {
background-color: #f5f5f5;
}
/* 选择 ID 为 #header 的元素 */
#header {
text-align: center;
}
2.属性与值
WXSS 支持大部分 CSS 属性，包括颜色、尺寸、字体等。

属性名和值之间使用冒号分隔，多个属性之间使用分号分隔。

例如：css
/* 设置背景颜色为红色 */
background-color: #f00;
/* 设置字体大小为 16px */
font-size: 16px;
3.样式规则分组
可以使用花括号将一组样式规则分组，然后将其应用到选择器上。

例如：
css
/* 设置 <text> 元素的样式 */
text {
color: #333;
font-size: 14px;
}
4.嵌套规则
可以使用嵌套规则将一组样式规则应用到选择器的子元素上。

例如：
css
/* 设置 <view> 元素的子元素的样式 */
view > * {
margin: 10px;
padding: 10px;
}
5.伪类和伪元素
WXSS 支持一些常用的 CSS 伪类和伪元素，例如：hover、active、first-child、before、after 等。

例如：
css
/* 设置鼠标悬停时元素的样式 */
button:hover {
background-color: #eee;
}。