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属性中出现的顺序一点关系都没有。