CSS选择器笔记

Q1.<div class="menu-content clearfix">是什么意思？

A：class里面有两个值 相当于<div   class=“menu-content” class="clearfix"> 不过可以简写成<div  class="menu-content clearfix">

比如：CSS可以分开写成

.menu-content{ margin: 10px 0; }

.clearfix { display:inline-block; }

也可以连着写成

.menu-content，.clearfix  {margin: 10px 0;display:inline-block; }   //逗号隔开，分组写法，但是两个class的样式是完全一样的。

.menu-content.clearfix  {margin: 10px 0;display:inline-block; }      //两个class直接连着写，组合写法，注意中间不带空格，多个class时也是一样。

Q2.JavaScript 添加或删除复合类class样式 

A：添加复合类样式

var con = document.getElementById('con');
con.className = 'red';
con.className += 'font14';

删除复合类样式的方法：
con.className = con.className.replace(/red/,"");

Q3.<div class="a1 a2 a3"></div>这里a1 a2 a3之间的渲染顺序？

A：div 会同时运用a1 a2 a3这三个样式。
如果它们有重复的样式，则要看a1 a2 a3这三个类样式定义的位置，
比如<style> 中的会比<Link>中定义的高，<Link>中的定义的会比@import中定义的高。
如果它们定义的位置相同，则看它们定义的先后顺序。

但有一点需要注意：

千万不要简单的看它们在class属性（<div class="a1 a2 a3">CSS </div> ）中出现的顺序而推断它们的优先级，这是错误的。它们的优先级和它在class属性中出现的顺序一点关系都没有。