css 分析

.important.warning {background:silver;}
.important .warning {background:silver;}
//上面有什么区别？
//1、2个选择器同时过滤选择出同一个元素
//2、2个选择器，是父子关系

选择器的关系

派生：前一个选择的是后一个的父节点。(中间间隔是空格)

li strong {
    font-style: italic;
    font-weight: normal;
  }

.important .warning {background:silver;}

p .important {color:red;}

 

共享：前一个和后一个选择器共同筛选出一个元素。（中间没有间隔）

.important.warning {background:silver;}

p.important {color:red;}

 

分组：多个选择器，分享相同的声明，样式相同。（中间间隔是逗号）

h1,h2,h3,h4,h5,h6 {
  color: green;
  }