网络编程
位置:首页>> 网络编程>> 网页设计>> CSS样式表:详细介绍IE7新支持的选择器(2)

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

作者:w3cpro.cn翻译 来源:蓝色理想 发布时间:2007-10-09 18:24:00 

标签:ie7,css,选择器

现在你明白选择符怎么工作,我们开始研究复杂联合元素,看看我们能不能不使用class达到目的。

使用选择符

我们从简单但充分复杂的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>


图1 是html结构的文本对象模型树,图揭示了元素之间真实结构的联系。

图1

在图1里兄弟元素分布在较低的支线上,它们的源头分布在图表从左到右顺序上。每组兄弟元素是它们所在支线会合顶点单一元素的子元素。如Paragraph One, Second DIV, and Paragraph Nine都是兄弟,而且都是First DIV的子元素。

0
投稿

猜你喜欢

  • 代理模式的优点代理模式可以保护原对象,控制对原对象的访问;代理模式可以增强原对象的功能,通过代理对象来添加一些额外的功能;代理模式可以提高系
  • 很多网站都有“浏览历史”这个功能,通常都是显示在页面的一侧,特别是一些购物网站,这个功能会让用户使用网站的体验好一些;例如当当网或淘宝网都有
  • 当然可以,我们使用强大的fso对象来获取文件夹的大小请敲入如下代码即可:<%Set MyFileSize =&nb
  • aspImage是ServerObjects站点上非常好的一个组件,它可以使我们利用Asp实现很多对于图形的处理功能,他的功能强大,如果你需
  • 在SQL Server数据库中,有min server memory与max server memory两个内存选项。数据库管理员合理设置这
  • 回滚段管理一直是ORACLE数据库管理的一个难题,本文通过实例介绍ORACLE回滚段的概念,用法和规划及问题的解决。 回滚段概述 回滚段用于
  • 本文从多个角度来讲解如何在Access数据库上如何上传并且显示上所上传图片。在 * 站制做过程中,需要上传图片、显示图片,上传的图片要能够保
  • 如何修改被表单引用的ASP页面?formhandler.asp<HTML><BODY BGCOLOR="
  • 问题描述时间在我们日常的代码编写中会是经常出现的筛选或排序条件,尤其是一些特殊时间节点的时间显得尤为突出,例如昨天,当前日期,当前月份,当前
  • 【先锋缓存类】Ver2004作者:孙立宇、apollosun、ezhonghua官方网站:http://www.lkstar.com 技术支
  • 1069错误(由于登录失败而无法启动服务)解决方法在本版面出现这个问题的频率也算是很高的了,新手通常会比较多遇到这个问题原因很简单,安装SQ
  • 最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然:我原以为CSS 布局的意义早已深入人心,却没想到还有这么多设计师
  • 内置300余汉字点阵.纯ASP实现汉字验证码.不读数据库.多种属性自由调节,其中包括:生成的图片长和宽,字符数,背景显示效果(渐变,杂色,固
  • 大家一定使用过 phpmyadmin 里面的数据库导入,导出功能,非常方便。但是在实际应用中,我发现如下几个问题: 1、数据库超过一定尺寸,
  • 你已经在上面取出w打头记录的例子中看到了LIKE的用法。LIKE判定词是一个非常有用的符号。不过,在很多情况下用了它可能会带给你太多的数据,
  • 到现在为止,你只学习了如何根据特定的条件从表中取出一条或多条记录。但是,假如你想对一个表中的记录进行数据统计。例如,如果你想统计存储在表中的
  • 事实上各式Tooltips方法非常多. 不过大部分都是用Javascript实现.例如ikshow.cn, 使用的JavaScript, D
  • SQL中的单记录函数 1.ASCII 返回与指定的字符对应的十进制数; SQL> select ascii('A')
  • 没注意到MooTools的Cookie类在写的时候自己做了一次encode,在读的时候做了一次decode,在一般的情况下,这个不会有什么问
  • 如何使DIV居中,div垂直居中,div水平居中.这个问题在用CSS来设计网页的时候经常会遇到,如果用传统的表格来布局是很简单的,CSS里就
手机版 网络编程 asp之家 www.aspxhome.com