选择器与优先级

1、选择器

借助选择器,我们可以设置不同类型、不同ID、不同组件的样式
目前支持的选择器有:

选择器 样例 样例描述
.class .intro 选择所有拥有 class="intro" 的组件
#id #firstname 选择拥有 id="firstname" 的组件
element view 选择所有 view 组件
element, element view, checkbox 选择所有文档的 view 组件和所有的 checkbox 组件
::after view::after 在 view 组件后边插入内容
::before view::before 在 view 组件前边插入内容
  • WXSS不支持级联选择器。

2、选择器的用法

  • 标签内样式:动态样式,如特定场景下的属性设置。
  • ID选择器:针对某个特定组件进行属性的控制。
  • 类选择器:针对某一类组件进行属性的设定。
  • 标签选择器:对全局的某一种组件进行属性的设定。

3、选择器的优先级

优先级源自于权重,权重越高则优先级越高。

选择器权重及优先级

注:选择器优先级规则:

  • 权重越高,优先级越高
  • 相同权重以后面出现的选择器为最后规则
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 1,938评论 0 5
  • 一、CSS选择器 CSS中选择器是一种模式,用于选择需要添加样式的元素。 选择器的基本结构如下 其中,x是选择器可...
    FJW135阅读 580评论 0 1
  • 文章主要介绍什么是CSS选择器,CSS选择器的分类以及CSS选择器的优先级三部分内容,希望能够帮助到正在学习CSS...
    betterwlf阅读 4,216评论 2 10
  • CSS选择器是用于定位文档中的元素所在以便设定相应的样式,常见的选择器包括:基础选择器、组合选择器、属性选择器、伪...
    犯迷糊的小羊阅读 8,279评论 1 15
  • 1、class 和 id 的使用场景? class 重在样式的复用,重普遍性。 id重在划分样式区域,可以作为样式...
    不是我的简书阅读 802评论 0 0

友情链接更多精彩内容