CSS样式表:详细介绍IE7新支持的选择器 - CSS+DIV -

CSS样式表:详细介绍IE7新支持的选择器

时间:2013-04-22 13:25:13   来源:   评论:加载中...   点击:加载中...
现在IE7已经推出一段时间并且渗透到用户当中,不用等太久我们就可以在页面上使用更高级的CSS。两个最有用的项目将是 Child子和Adjacent Sibling相邻兄弟选择符。现在已是时候使用它们制作网页,并且更深入研究它...

使用选择符

我们从简单但充分复杂的html结构开始:

  <div>First DIV
  <p>Paragraph One -
      <a href="#">link A</a>
      <a href="#">link B</a>
   </p>
   <div>Second DIV
      <p>Paragraph Two -
         <a href="#">link C</a>
         <a href="#">link D</a>
      </p>
      <p>Paragraph Three -
         <a href="#">link E</a>
         <a href="#">link F</a>
      </p>
      <p>Paragraph Four -
         <a href="#">link G</a>
         <a href="#">link H</a>
      </p>
      <div>Third DIV
         <p>Paragraph Five -
            <a href="#">link I</a>
            <a href="#">link J</a>
         </p>
         <p>Paragraph Six -
            <a href="#">link K</a>
            <a href="#">link L</a>
         </p>
         <p>Paragraph Seven -
            <a href="#">link M</a>
            <a href="#">link N</a>
         </p>
      </div>
      <p>Paragraph Eight -
         <a href="#">link O</a>
         <a href="#">link P</a>
      </p>
   </div>
   <p>Paragraph Nine -
      <a href="#">link Q</a>
      <a href="#">link R</a>
  </P>
  </div>


相关热词搜索:

 
上一篇:CSS学习手册:样式表CSS简明教程
下一篇:合理的网页设计具有哪些特征
收藏 将此文推荐给朋友
分享到: