11.21

Deadly 提交于 2019-12-05 06:05:30
css选择器
  选择器的权重
  在css中,那个选择器的权重高,就走谁的样式
  标签选择器的权重是1
  class选择器的权重是10
  ld选择器的权重是100
  行间样式的权重是1000
  带有关键字!important的css属性权重是无穷大
 1 案例;
  P{
  bockground:blue!important;
  }
  权重的计算
  将选择器上面的权重进行叠加,叠加后的总和计算该选择器的权重
  权重相等的时候 后面的会覆盖前面的。
-- css选择器的种类
   标签  权重是0001
   类class  权重是 0010 相当于255个标签选择器
   ld  权重是0100相当于255个类。
   *通配符  代表所有的标签  权重是 0000
   后代选择器  a p 权重是累加0011
   子代选择器 a>p 权重是0011
   交集选择器 a#as
   案例
   p  a{
   background:red;
   }
   并集选择器 a,b
   案例:
   b, a{
   background:blue
   }
  两.css的几种形式
  1.行间样式 将style写在标签内的充当标签标签属性
  2.行内样式
  3.外联样式
 
  css选择器的两大特性
  1.继承性 所有跟文本字体有关的属性都会被子元素继承。且权重是0000
  2.层叠性,就是解决选择器权重大小的一种能力,就是看那个选择器的权重大。谁的权重大听谁打。0010相当于255个0001
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!