css样式分离,html与css分离

想请教一下怎么把两个div里的css样式完全分离开

你可以给放轮播图的那个div设一个类（class）名，然后打开这个轮播图附带的css，把所有选择器的前面都加上这个类名，那么它就只能在这个类中起作用了，不会影响到其他标签。比如给div加的类名是这个：

div class="lbt"……

而假定轮播图的css是这样的：

ul {......}

ul li {......}

那么就可以改为：

.lbt ul {......}

.lbt ul li {......}

总之就是给每一行的前面加个小数点，再加类名，再加个空格，就行了。如果遇到逗号分隔的，则逗号两边都要加，比如：

li, a {......}

要改为

.lbt li, .lbt a {......}

相关问答

Q1: 为什么说引入CSS实现了网页内容和表现形式的分离?

因为页面显示的是内容和相应的表单，而CSS可以很好的将这些内容进行分块组装后，再按照整体的布局进行调整，可以在后期的改版等方面能够不动前面的内容只是更改布局以及背景、图片、表现形式等，这样更便于优化，所以才进行了分离；其实不分离的话就是说每个页面你都需要给在里面嵌入CSS内部样式，这样你要是每个页面的样式都一样，那每个页面的样式都要重新COPY一边，对于后面的修改来说更改量太大了，而用CSS和页面分离的方式可以只要修改一个CSS文件来使得整个网站的样式进行优化，便于修改。

Q2: CSS样式要跟页面完全分离吗

那是肯定的了，分离的话，便于你修改呀，维护起来很方便，你想呀，要是网页要改版了，颜色呀，版面呀什么的都要换了，你不可能一个页面一个页面的修改吧，少了还可以，像大型网站，上百个网页，这样做久不现实，所以分离了要方便的多。