DIV教程之DIV+CSS网页结构技能实例12：利用派生挑选器

最近在做一个魔术网的div+CSS切割，昨晚发现了长期以来一直无记录下来的问题！关于兼容IE跟FF的float属性。

• 
  
• 
  

（之前哨子选择器的说法不当，尺度一点的应当叫派生选择器，普通一点能够说儿女选择器，感激网友提示2010-4-13）
利用派生选择器(descendantselectors)
CSS初学者不晓得利用子选择器是影响他们效力的缘故原由之一。派生选择器能够匡助你勤俭大批的class界说。我们来看上面这段代码：

<divid="subnav">
<ul>
<liclass="subnavitem"><ahref="#"class="subnavitem">Item1</a></li>>
<liclass="subnavitemselected"><ahref="#"class="subnavitemselected">Item1</a></li>
<liclass="subnavitem"><ahref="#"class="subnavitem">Item1</a></li>
</ul>
</div>
这段代码的CSS界说是：

div#subnavul{/*Somestyling*/}
div#subnavulli.subnavitem{/*Somestyling*/}
div#subnavulli.subnavitema.subnavitem{/*Somestyling*/}
div#subnavulli.subnavitemselected{/*Somestyling*/}
div#subnavulli.subnavitemselecteda.subnavitemselected{/*Somestyling*/}
你能够用上面的办法替换下面的代码

<ulid="subnav">
<li><ahref="#">Item1</a></li>
<liclass="sel"><ahref="#">Item1</a></li>
<li><ahref="#">Item1</a></li>
</ul>
款式界说是：

#subnav{/*Somestyling*/}
#subnavli{/*Somestyling*/}
#subnava{/*Somestyling*/}
#subnav.sel{/*Somestyling*/}
#subnav.sela{/*Somestyling*/}
用子选择器可使你的代码和CSS加倍简便、加倍简单浏览。

你可能会说，好多英文看不懂，不过我告诉你，很抱歉那三个英文你必须记住，而且是最重要的三个，你可以把这么个盒子看成一个DIV，而所有标签都带有这三个属性。

经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

学Dreamweaver技术的过程其实是一个增加信心的过程。

布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

仓酷云

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。