你老师说的分离,应该是结构-表现层之间的分离。
即是说,html代码中不允许出现align color style,是纯标记。
有关样式的代码全部提取出来,放到css样式文件中定义
你可以给放轮播图的那个div设一个类(class)名,然后打开这个轮播图附带的css,把所有选择器的前面都加上这个类名,那么它就只能在这个类中起作用了,不会影响到其他标签。比如给div加的类名是这个:<div class="lbt">……
而假定轮播图的css是这样的:
ul {......}
ul li {......}
那么就可以改为:
.lbt ul {......}
.lbt ul li {......}
总之就是给每一行的前面加个小数点,再加类名,再加个空格,就行了。如果遇到逗号分隔的,则逗号两边都要加,比如:
li, a {......}
要改为
.lbt li, .lbt a {......}