CSS样式表:详细介绍IE7新支持的选择器(2)
作者:w3cpro.cn翻译 来源:蓝色理想 时间:2007-10-09 18:24:00
现在你明白选择符怎么工作,我们开始研究复杂联合元素,看看我们能不能不使用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的子元素。
标签:ie7,css,选择器
0
投稿
猜你喜欢
python开发中两个list之间传值示例
2022-06-07 03:44:54
Python中Jieba进行词频统计与关键词提取
2022-02-03 23:08:50
Python Flask入门之模板
2023-10-05 01:44:10
navicat 8 for mysql建库的方法
2024-01-26 04:07:53
Python条件语句与循环语句
2023-01-03 05:07:21
Python爬虫之Selenium实现关闭浏览器
2022-12-09 07:11:03
Python中装饰器高级用法详解
2023-09-30 09:46:42
pyenv虚拟环境管理python多版本和软件库的方法
2022-07-18 07:56:30
[译]开发人员经常犯的8个设计错误
2008-02-01 12:28:00
MySQL实现字符串的拼接,截取,替换,查找位置的操作
2024-01-13 13:17:22
如何查询占CPU高的oracle进程
2024-01-27 13:16:54
Python从list类型、range()序列简单认识类(class)【可迭代】
2022-09-09 14:07:20
Python面向对象编程中的类和对象学习教程
2023-08-14 06:47:30
mysql中为用户设置密码的多种方法
2024-01-26 07:36:07
Python基于SMTP发送邮件的方法
2021-07-17 23:42:46
电子商务网站评论设计探讨
2009-12-21 16:28:00
python使用cookie库操保存cookie详解
2022-09-24 09:33:58
asp 随机字符串函数
2011-04-04 11:01:00
解剖JavaScript中的null和undefined
2009-03-01 12:49:00
Django框架会话技术实例分析【Cookie与Session】
2021-06-24 03:41:53