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

选择器与优先级

作者: 进击的码农设计师 | 来源:发表于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、选择器的优先级

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

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

相关文章

  • 今日所学知识点

    选择器的优先级 1.权重内联样式 优先级1000id选择器 优先级100类选择器 优先级10元素选择器 优先级1通...

  • 2019-05-28 选择器优先级,a的伪类,文本标签,列表,单

    选择器的优先级 优先级的规则 内联样式,优先级1000 id选择器,优先级100 类和伪类,优先级10 元素选择器...

  • CSS Selector-Assignment

    1.CSS选择器常见的有几种? 详情请见teren的技术博客:CSS选择器与优先级浅析 2.选择器的优先级是怎样的...

  • CSS样式学习2

    !important 声明最高 标签选择器优先级:id选择器优先级>class优先级>标签选择器 1.权值相同 同...

  • 2019-05-28

    选择器的优先级 优先级的规则:1.内联样式:优先级1000 2.id选择器:优先级100 ...

  • CSS布局基础(五)--选择器

    选择器的优先级:直接在标签中的设置样式> ID选择器 > 类选择器 > 标签选择器指定ID选择器优先级>ID选择器...

  • 2018.9.7HTML笔记

    样式的优先级 内联样式,优先级1000 id选择器,优先级100 类和伪类,优先级10 元素选择器,优先级1...

  • 选择器的优先级

    优先级的规则: 内联样式,优先级1000 id选择器,优先级100 类和伪类,优先级10 元素选择器,优先级1 通...

  • CCS选择器及优先级

    CSS选择器 选择器的优先级

  • 七、选择器样式优先级和常用CSS3

    1、通配符选择器 2优先级排序: 优先级相同的选择器后写的样式会覆盖前面的 3、后代选择器优先级多种情况 ID选择...

网友评论

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

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