有没有办法让外层设置的CSS效果在内层的局部取消?

办法是有的。因为CSS的渲染顺序是外部文件，然后html文件的头部接着是在元素的行内。所以你只需要在最靠近内部的元素中设置你想取消的样式，就可以让这个元素不会受到你的外部样式的改变而改变。 例子差不多这样的： XXX.css: XXX{ XXXXX } XXX.html