ss级传说英雄选择器如何获得有什么用

继承:即子类元素继承父类的样式;

优先级:是指不同类别样式的权重比较;

层叠:是说当数量相同时通过层叠(后者覆盖前者)的样式。

首先来看一下css选择符(css选择器)有哪些?

  4.全局选择器(如:*号)

  8.继承选择器(如:div p,注意两选择器用空格键分开)

  9.伪类选择器(如:就是链接样式,a元素的伪类4种不同的状态:link、visited、active、hover。)

  10.字符串匹配的属性选择符(^ $ *三种分别对应开始、结尾、包含)

当两个规则都作用到了同一个html元素上时,如果定义的属性有冲突那麼应该用谁的值的,CSS有一套优先级的定义

  1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
  2. 作为style属性写在元素内的样式

同一级别Φ后写的会覆盖先写的样式

上面的级别还是很容易看懂的但是有时候有些规则是多个级别的组合,像这样

CSS优先级:是由四个级别和各级別的出现次数决定的

  四个级别分别为:行内选择符、ID选择符、类别选择符、元素选择符。

  每个规则对应一个初始"四位数":0、0、0、0

  若是 行内选择符则加1、0、0、0

  若是 ID选择符,则加0、1、0、0

  若是 类选择符/属性选择符/伪类选择符则分别加0、0、1、0

  若是 元素选择符/伪元素选择符,则分别加0、0、0、1

  算法:将每条规则中选择符对应的数相加后得到的”四位数“,从左到右进行比较大的優先级越高。

以前一直认为选择器的定位DOM元素是从左向右的方向查看了网上的相关资料之后才发现原来自己一直都是错的。郑重的声明選择器定位DOM元素是从右往左的方向这样的好处是尽早的过滤掉一些无关的样式规则和元素 。

我要回帖

更多关于 传说英雄选择器如何获得 的文章

 

随机推荐