如何解决在Bootstrap框架内使用zTree树控件出现css冲突

html-css012

如何解决在Bootstrap框架内使用zTree树控件出现css冲突,第1张

找到zTree相关的zTreeStyle.css文件，增加相应的样式，避免继承Bootstrap框架的样式。 如ztree li ul.line{ height: 80%} 这样就能避免继承了。

css有哪些常用控件可以分为三类，即id选择器、class选择器、标签选择器。

用法如下：

#id名 { 属性名:属性值}

.class名 { 属性名:属性值}

标签名 { 属性名:属性值}

其中，他们之间又可以以不同的方式进行组合，如下：

后代选择器: 父代名 后代名 { 属性名:属性值}

子代选择器: 父代名>子代名 { 属性名:属性值}

群组选择器: #name1, .name2, #name div { 属性名:属性值}

伪类选择器: name:伪类

通用(通配符)选择器: * { 属性名: 属性值}

利用伪类可以实现点击打开折叠菜单，但是再次点击收起貌似就没法实现了。跟楼下说的一样，利用:hover、:active 可以设置二级菜单的样式（如height、visibility、display）以达到展开的效果。