美文网首页
选择器与优先级

选择器与优先级

作者: 进击的码农设计师 | 来源:发表于2019-10-05 11:56 被阅读0次

    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、选择器的优先级

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

    选择器权重及优先级
    注:选择器优先级规则:
    • 权重越高,优先级越高
    • 相同权重以后面出现的选择器为最后规则

    相关文章

      网友评论

          本文标题:选择器与优先级

          本文链接:https://www.haomeiwen.com/subject/pmykjftx.html