css结构树怎么写会更好

html-css03

css结构树怎么写会更好,第1张

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

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

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

简单的话，可以这么做，用JS

function opencat(cat){

if(document.getElementById(cat).style.display=="none"){

document.getElementById(cat).style.display=""

}

else {

document.getElementById(cat).style.display="none"

}

}

然后在要收缩菜单的按钮或链接上这么做 比如超连接

<a id="menu1" href="#" style="display:block" onclick="opencat('list1')">

下面紧跟着的是展开后的目录内容，可以是Table，也可以是DIV

<table id="list1">

<tr><td>111111</td></tr>

<tr><td>222222</td></tr>

<tr><td>33333</td></tr>

<tr><td>4444444</td></tr>

<tr><td>5555555</td></tr>

</table>