尝试给一个做好的网站修改页面,遇到了一个问题,比如我在页面中创建了一个DIV:
<div data-options="region:'west',title:'功能导航'" style="width:180px;overflow: hidden;">
<div id="navAccord" class="easyui-accordion metalbackground" data-options="fit:true,border:false"></div>
</div>
可以看到外层的div没有设置class,内层的div只设置了easyui-accordion和metalbackground两个class样式,但是运行之后用chrome的审查元素工具查看:
<div data-options="region:'west',title:'功能导航'" style="overflow: hidden; width: 180px; height: 669px;" title="" class="panel-body layout-body panel-noscroll">
<div id="navAccord" class="easyui-accordion metalbackground accordion accordion-noborder easyui-fluid panel-noscroll" data-options="fit:true,border:false" style="width: 178px; height: 668px;">
可以明显发现这两个div都获得了额外的class属性,请问是怎么设置进去的?原网页的很多模块都共用了相同的class属性,样式较为单一,所以我现在想设置更多的class来调用,但是很多div在代码中都找不到在哪里设置了class,运行和调试时却能发现设置了class属性,请问如何修改这些默认设置的class?
你的网站的架构有没有设置全局layout,如果设置了全局的layout,那么layout中div的样式也会附加于每一个子页面当中
再看看js文件中是不是有给标签加样式的代码,比较可能是这个原因
easyui会自动给容器加上样式的,要不就显示不出这个组件的ui了,也就失去组件的意义