在body元素上设置id属性的值作为CSS命名空间

比如说有2个页面index.html和about.html,共用同一份style.css,那么怎么区分index.html和about.html的CSS属性不致于混淆呢?

其中一种好用的解决方法是,给index.html的body元素设置id=”index”属性,给about.html的body元素设置id=”about”属性。在style.css文件里,分别使用#index和#about作为包含选择器的开头,分别用来限定index.html和about.html的CSS属性。例如:

/* index.html的CSS */
#index div {
    /* …. */
}

/* about.html的CSS */
#about  div {
    /* …. */
}