用一个页面中的最外层的class样式名称包起来。就比如：
<body class="styleOne">
<div class="styleTwo"></div>
</body>
样式调用时：.styleOne .styleTwo{ ...}
具体不知道可以再问。
@media screen 这个可以让你在不同的分辨率下显示不同的样式
举例
.abc{width:1200pxmargin:0 auto}@media screen and (max-width:1200px){
.abc{width:100%}
}
上面的代码，abc盒子的宽度是1200px，但是有时候浏览我们网页客户浏览器只有1024像素，所以我们设置@media screen，当浏览器max-width:1200px，最大宽度小于1200px时候，执行.abc{width:100%}，这个时候abc盒子的宽度就是1024像素
