CSS实例教程:优先选择级难题的考虑到案例

日期:2021-03-16 类型:科技新闻 

关键词:免费自助建站,手机建站平台,wap建站,免费自助建站平台,H5网站,H5模板建站

  假如同个元素有两个或以上矛盾的CSS标准,访问器有1些基础的标准来决策哪个十分独特而胜出。
  它将会不像其它那末关键,绝大多数实例你不必须担忧矛盾,但大中型并且繁杂的CSS文档,或有许多CSS文档构成的,将会造成矛盾。
  挑选器1样的状况下后边的会遮盖前面的特性。例如:
p { color: red; }
p { color: blue; }
  p元素的元素将是蓝色,由于遵照后边的标准。
  但是,你不能能常常用同样的挑选器矛盾做到目地,当你应用嵌套循环挑选器,有效的矛盾来了。例如: div p { color: red; }
p { color: blue; }
  或许你看起来p元素在div元素里边的色调是蓝色,就像后边p元素的标准,可是第1个挑选器的特点确是鲜红色。基础上,1个挑选器越多特点,款式矛盾的情况下将显示信息它的款式。
  1组嵌套循环挑选器的具体特点能够测算出来。基础的,应用ID挑选器的值是100,应用class挑选器的值是10,每一个html挑选器的值是1。它们加起来便可以测算出特点的值。
  p的特点是1(1个html挑选器)
  div p的特点是2(两个html挑选器)
  .tree的特点是10(1个class挑选器)
  div p.tree的特点是1 1 10=12,(两个html挑选器,1个class挑选器)
  #baobab的特点是100(1个ID挑选器)
  body #content .alternative p的特点是112(两个html挑选器,1个ID挑选器,1个类挑选器)   依照上面的标准,div p.tree的特点比div p高,body #content .alternative p又比它们两个都高。
上一篇:珠海市建立网站哪个企业好 返回下一篇:没有了