css样式树,css样式树型选中

css结构树怎么写会更好

写css结构树我喜欢按页面名-区块名进行注释，当然还有其他的注释，比如全局样式注释，IE的HACK注释什么的

CSS写法上不轻易写如DIV.hello这样的，因为这样写的优先度比直接写.hello高，以后要改写的稍有麻烦；而且对于整站所用的样式，比如.clear{},.blight{}这种，更不适宜加上元素名称的 ,因为它很可能加在div上，也能加在br、em上

排队是指书写的顺序的话，我习惯先定义全局样式，再按着页面从上到下顺序书写

相关问答

Q1: 怎样使用CSS样式在树前面加一个展开/收起图标

在样式 属性中

加入

style

xxxUL{

width:xxx;

height:xxx;

}

xxxUL li{

display:block;

padding:0 0 0 40px;

list-style-img:(图标路径) xpx xpx no-repeat; 图标位置 调整

list-style:none;

width:xxx;

height:xxx

}

/style

差不多这样就行了吧 看你的HTML 是不是 用的这个结构

Q2: FineReport的控件CSS样式怎样使用

这里给你列了CSS适用的一张表。

class选择器 对应的样式 适用控件

.fr-texteditor 文本区域边框，字样(大小，颜色，字体等) 文本、文本域、下拉框、下拉复选框、树、日期

.fr-texteditor-focus 获取焦点后的文本框的边框、字样 文本、文本域、下拉框、下拉复选框、树、日期

.fr-combo-list-item 下拉项的边框、字样 下拉框、下拉复选框

.fr-combo-selected 获得焦点的下拉项的字样，边框、背景色 下拉框、下拉复选框

.fr-checkbox-control 全选/反选的背景、字样、边框 下拉复选框

.fr-list-bwrap 列表控件的背景色 列表

.fr-list-bwrap li 字样 列表

.fr-list-node-over 鼠标移动上去的列表项背景色，字体颜色 列表

.fr-list-node-selected 被选中的列表项的背景色，字体颜色 列表

.fr-tree-body 树列表的样式(背景色、字体等) 树

.fr-tree-no-lines .fr-tree-elbow-plus 加号图标样式 树

.fr-tree-node-collapsed .fr-tree-node-icon 未展开的文件夹图标样式 树

.fr-tree-no-lines .fr-tree-elbow-minus 减号图标样式 树

.fr-tree-node-expanded .fr-tree-node-icon 已展开的文件夹图标样式 树

.fr-tree-node-leaf .fr-tree-node-icon 子节点图标样式 树

.fr-calendar thead .fr-date-top 标题行的背景颜色 日期

.fr-calendar thead .headrow 年月选择行的背景颜色

.fr-calendar thead .daynames 星期行的背景颜色

.fr-calendar tfoot .footrow 功能按钮行的背景颜色

.fr-calendar thead .hilite 置鼠标移动到日期头按钮上时的背景色，边框，字体颜色；

.fr-calendar thead .active 鼠标点击日期头按钮时的背景色

.fr-calendar tfoot .hilite 鼠标标移动到日期尾按钮上时的背景色，边框，字体颜色

.fr-calendar tbody td.active 鼠标点击日期主体按钮时的背景色

.fr-calendar tbody td.selected 当前选中天的背景色，字体颜色，大小，边框；

.fr-calendar tbody td.today 设置今天的字体颜色，大小，边框。

具体CSS的编写，你可以去看FineReport的帮助文档

Q3: css树结构最多有多少层

理论上说是不限制的层数。

一般来说，css注重的就是代码简洁，尽量缩短，代码过长，会影响加载速度。而且层级嵌套太多，对于其他人员可读性太差 。

写样式，最好不要超过3个以上的层级，只要能找到对应的标签设置样式即可。