你的位置:首页 > 软件开发 > 网页设计 > CSS样式之优先级

CSS样式之优先级

发布时间:2016-05-09 21:00:03
说到到css的样式优先级,今天偶再来回顾下,从css的样式优先级可分为两个部分:  1、从CSS代码放置的位置看权重优先级:   内联样式 > 内部嵌入样式 >外联样式  2、从样式选择器的权重优先级:   Importan ...

CSS样式之优先级

说到到css的样式优先级,今天偶再来回顾下,从css的样式优先级可分为两个部分:

  1、从CSS代码放置的位置看权重优先级:

       内联样式 > 内部嵌入样式 >外联样式

  2、从样式选择器的权重优先级:

       Important > 内联样式 > ID > 类、伪类、属性选择器 > 标签、伪元素 > 通配符

今儿,我们重点来看看第2点—样式选择器。

请看以下代码:

<!DOCTYPE html>  <head>    <title>css</title>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <style>        div.class1 {        background:pink;      }      .class2 {        background:green;      }    </style>  </head>  <body>    <div class="class1 class2" style="width:100px;height:100px;"></div>  </body></html>

原标题:CSS样式之优先级

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。