当前阅读教程:微信小程序设计教程 > 派生选择器 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 选择器的分组 | 下一篇: 属性选择器 |
通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。 在 CSS1 中,通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors),这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中,它们称为派生选择器,但是无论你如何称呼它们,它们的作用都是相同的。 1.基础语法派生选择器允许你根据文档 HTML 的上下文关系来确定某个标签的样式。通过合理地使用派生选择器,我们可以使代码变得更加整洁。 比方说,你希望列表中的 strong 元素变为斜体字,而不是通常的粗体字,可以这样定义一个派生选择器。代码示例 如下: li strong { font-style: italic; font-weight: normal; } 2.小程序应用根据基础语法,下面在微信小程序中实现,使用派生选择器,设定不同样式里面的文本字体颜色。 .wxml文件代码示例 如下: <view> 普通文本1 </view> <view > <text>普通文本2</text> </view> <view id='myid3'> <text>普通文本3</text> </view> <view> <text>普通文本4</text> </view> .wxss文件代码示例 如下: view text{ color: red; } #myid3 text{ color:orange; } .myid4 text{ color:green; } 效果如图6-2所示。 |
|
上一篇: 选择器的分组 | 下一篇: 属性选择器 |