新闻资讯
记录首创点滴进步 见证远行
我们一直紧跟时代前沿,聚焦行业实时动态,发布公司最新资讯,欢迎您的关注
您目前的位置:网站首页 > 新闻资讯 > 网站常识 >

11.19日音讯,css的优先级介绍知识一览

发布日期:2013-11-19文章来源:首创网络浏览次数:902次
    11.19日音讯,css的优先级介绍知识一览。大家知识css是有优先级的,有的会被安排的顺序高一些,有的则在下面,这就要求我们,不但要掌握它们优先顺序也要明白如何才能运用的恰如其分。 1.多个选择器可能会选择同一个元......
    本文关键字:11.19日,音讯,css,的,优先级,介绍,知识,一览,
  
  11.19日音讯,css的优先级介绍知识一览。大家知识css是有优先级的,有的会被安排的顺序高一些,有的则在下面,这就要求我们,不但要掌握它们优先顺序也要明白如何才能运用的恰如其分。
  1.多个选择器可能会选择同一个元素,有3个规则,从上到下重要性降低:
  !important的用户样式
  !important的作者样式
  作者样式
  用户样式
  浏览器定义的样式
  2.
  CSS规范为不同类型的选择器定义了特殊性权重,特殊性权重越高,样式会被优先应用。
  权重设定如下:
  html选择器,权重为1;
  类选择器,权重为10;
  id选择器,权重为100;
  这里还有一种情况:在html标签中直接使用style属性,这里的style属性的权重为1000;
  即如下情况:
  #x34y{color:red}
  <.pid=x34ystyle="color:green">优先选择style=""设定的样式。
  例子:
  h1{color:blue}权重为1
  pem{color:yellow}权重为2
  .warning{color:red}权重为10
  p.noteem.dark{color:grag}权重为22
  #main{color:black}权重为100这里还有一种情况:
  权重一样时如何处理?
  3.CSS样式的层叠原则——谁离我近,谁说了算。
  当权重一样时,会采用“层叠原则”后定义的会被应用。
  如:p{color:yellow}
  p{color:red}
  作用到这里<.p>我的什么颜色呢?</p>
  结果会是red的。
  4.CSS样式的特殊标记——谁有特权,谁说了算。如果有人看不顺眼,非得要自己说了算,那可以搞点特权,如下即可p{color:blue!important;}加上!important;可将自己权重设为最高。
    本文由邯郸网络公司首创网络整理编辑发布,请勿转载、复制、摘抄等!

+ 查看更多我们的客户 / Our client

0310-4559740
400-990-1661
    24小时报务热线
    18931045623
在线客服
首创网络邯郸公司
邯郸公司
电话:0310-4559740 / 18931045623  地址:邯郸市互联网大厦A座F层C区