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
投稿猜你喜欢
- 前言如果你学过操作系统，那么对于锁应该不陌生。锁的含义是线程锁，可以用来指定某一个逻辑或者是资源同一时刻只能有一个线程访问。这个很好理解，就
- 通过列表生成式，我们可以直接创建一个列表。但是，受到内存限制，列表容量肯定是有限的。而且，创建一个包含100万个元素的列表，不仅占用很大的存
- 在线阅读与印刷品阅读有着很大的不同，原因之一是屏幕会导致注意力问题。文字很难成为重点，而闪烁的横幅、明亮的图片又更加会转移对实际的博客内容的
我就废话不多说啦！dpi=1 600×400dpi=21200×800dpi=31800×1200........dpi=21(21×600- 本文为大家分享了童年掌机游戏，基于pygame实现打砖块的具体代码，供大家参考，具体内容如下项目背景： 小时候有过一个掌机游戏机，里面有俄罗
- 在select语句中可以使用groupby子句将行划分成较小的组，然后，使用聚组函数返回每一个组的汇总信息，另外，可以使用having子句限
- pipenv 是Kenneth Reitz大神的作品，能够有效管理Python多个环境，各种包。过去我们一般用virtualenv搭建虚拟环
- 本文实例讲述了Python数据结构与算法之图的基本实现及迭代器。分享给大家供大家参考，具体如下：这篇文章参考自《复杂性思考》一书的第二章，并
- <％'asp事务处理。'测试数据库为sql server，服务器为本机，数据库名为test，表名为a，两个字段id(i
- 偶然在Google发现了他们的用户体验设计原则，因此翻译作一下记录。1.以人为本 —他们的生活、他们的工作和他们的梦想2.珍惜每一毫秒的时间
- 导航标签彼此互斥、完全穷尽。导航标签其实就是一种文字表达形式，我们用标签来代表网站上的各种分类信息。比如“联系我们”这个标签，代表的内容通
- 所以就为FCKeditor写了个InsertCode的插件。整个插件的制作过程非常简单：FCKeditor插件开发请参考FCKeditor官
- [LeetCode] 180.Consecutive Numbers 连续的数字Write a SQL query to find all
- 列表生成式语法：[x*x for x in range(0,10)] //列表生成式,这里是中括号//结果 [0, 1, 4, 9, 16,
- 问题： jsp中想要输出的中文被显示成“？” 解决方法 ： 在eclipse-windows- preferences中 搜索jsp ， E
- 前言v-model 可以在组件上使用以实现双向绑定。首先让我们回忆一下 v-model 在原生元素上的用法：<input v-mode
- using System; using System.Data; using System.Configuration; using Sys
- 前言发现本站没有一个靠谱的tp6记录行为日志的教程,于是就整理了一下自己在项目中已经投入使用的行为日志中间件的详细配置步骤供大家参考提示：先
- drop_duplicates为我们提供了数据去重的方法,那怎么得到哪些数据有重复呢?实现步骤：1、采用drop_duplicates对数据
- selenium 安装与 chromedriver安装我们前文提到，Python脚本中使用了selenium库，而selenium又通过ch
