IE7的web标准之道 Ⅱ（2）
作者：阿一 来源：JustinYoung's Blog 发布时间：2008-08-13 12:50:00
相邻同胞选择符
利用“相邻选择符”，可以根据一个元素定位到与之相邻的另一个元素，并应用样式。说白了，“相邻选择符”就是只对“与自己平行关系的”、“相邻的”、“在我下面的”“哥们元素”起作用。下面的例子，将更有助于你的理解（注意只有处于h1后面的p3，字体颜色发生了变化）。
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="简单的XHTML页面" />
<meta name="Description" content="这是一个简单的XHTML页面" />
<title>简单的XHTML页面</title>
<style type="text/css">
h1 + p {color:blue}
</style>
</head>
<body>
<p id="p1">这里是我哥们甲的哥们，“我”和它不太熟。</p>
<p id="p2">这里是我哥们甲，它在我前面面，“混”的比我好，所以我就不管它了。</p>
<h1>这里是“我”</h1>
<p id="p3">这里是我哥们乙，它在我后面，“混”的还不如我，所以我要照顾它一下。</p>
<p id="p4">这里是我哥们乙的哥们，“我”和它不太熟。</p>
</div>
</body>
</html>
下面是分别在IE6，IE7，FireFox（版本2.0.0，12）和Oepra（版本9.25）的显示效果截图（IE6和IE7共存的方法，可以参考文章《IE6和IE7共存方法（别人是别人的，我是我的）》）。
下面是关于“子选择符”和“后代选择符”的一些补充资料
很多朋友把分不清“子选择符”和“后代选择符”的区别。其实它们的差别还是蛮大的。“后代选择符”IE6，甚至更低IE版本，就已经支持了。也许你已经被这些“拗口”、“深奥”的名词搞迷糊了。到底什么“后代选择符”呢？其实大家都用过，看看下面的例子就明白了。 现在无论是FireFox还是IE7，对于“子选择符”的支持还都存在一定的问题。
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="YES!B/S!,web标准,杨正祎,博客园,实例代码" />
<meta name="Description" content="这是一个简单YES!B/S!文章示例页面,来自杨正祎的博客,http://justinyoung.cnblogs.com/" />
<title>YES!B/S!文章示例页面</title>
<style type="text/css">
/*后代选择符*/
#div1 p{
color:red;
}
/*子选择符*/
#div1>p{
font-size:150％;
}
</style>
</head>
<body>
<div id="div1">
<p id="p1">我是div1的儿子1
<p id="p1_1">我是div1的孙子</p>
</p>
<p id="p2">我是div1的儿子2</p>
</div>
</body>
</html>
示例中，"p1"和"p2"包含在“div1”内，那么"p1"和"p2"就是“div1”的儿子，是后代，而“p1_1”包含在“p1”中，那么“p1_1”是“p1”的儿子，是后代。而“p1_1”也包含在“div1”中，则“p1_1”是“div1”的孙子，也是后代。使用“#div1 p{color:red;}”（后代选择器）会将div1下面的所有段落的字体颜色都设置为了红色。无论是孩子还是孙子，都要听话。“只要是我的后代，就得听我的话！”——这就是“后代选择符”。
而“子选择符”则不会那么霸道，它只管它的“儿子”，不会去管“孙子”、“重孙子”、“重重孙子”……
0
投稿猜你喜欢
- hypot()方法返回的欧几里德范数 sqrt(x*x + y*y).语法以下是hypot()方法的语法：hypot(x, y)
- 内容摘要：通常的，ASP中表单提交的数据一般被写入数据库。然而，如果你想让发送数据更为简便易行，那么，可以将它书写为XML文件格式。这种方式
- 目录项目引入flask-sqlalchemyORM简介及模型定义表关系类型及编码实现一对多关系（多对一关系）一对一关系多对多关系数据库基本操
为了得到更加清晰的图像我们需要通过技术对图像进行处理，比如使用对比度增强的方法来处理图像，对比度增强就是对图像输出的灰度级放大到指定的程度，- 今天有这样得一个需求，如果登陆人是客服的话，会查询订单是'该客服'以及还没有匹配客服的，刚开始想的是直接在sql语句上拼写&
- 简介require-ensure和require-amd的区别：require-amd 说明: 同AMD规范的require函数，使用时传递
- 这里分享一些轨迹聚类的基本方法，涉及轨迹距离的定义、kmeans聚类应用。需要使用的python库如下import pandas as pd
- array_key_exists()PHP array_key_exists() 函数用于检查给定的键名或索引是否存在于数组中，如果存在则返
- 安装pdfminer 库windows 下安装pdfminer3kpip install pdfminer3kLiunx 下安装pdfmin
- 制作初衷：外地开了票到公司后发现信息有错误，无法报销；公司的行政和财务经常在工作日被问及公司开票信息，影响心情和工作；引入相应的专业APP来
- Python做了一个词云视频，以另一种角度来看小姐姐跳舞制作过程分为以下几个部分1、视频下载首先需要下载一个小姐姐跳舞的视频，这里我用的是
- 启动IDLE后会打开Python shell窗口。当键入代码 时，它会基于Python语法提供自动缩进和代码着色功能。使用IDLE中的Pyt
- 1. 新建项目在命令行窗口下输入scrapy startproject scrapytest, 如下然后就自动创建了相应的文件，如下2. 修
- 查询效率分析：子查询为确保消除重复值，必须为外部查询的每个结果都处理嵌套查询。在这种情况下可以考虑用联接查询来取代。如果要用子查询，那就用E
- 本文实例为大家分享了python实现维吉尼亚加密法的具体代码，供大家参考，具体内容如下Vigenere加密/解密时,把英文字母映射为0-25
- 问题描述Python调整图片文件的占用空间大小，而不是分辨率1.jpg图片大小为 8KB 减小文件大小使用 PIL 模块pip i
- 如何显示随机信息？使用了asp的randomize来创造随机数，select case来显示自定义信息。具体代码如下：<html>
- 为什么说浮点数缺乏精确性？在开始本文之前，让我们先来谈谈浮点数为什么缺乏精确性的问题，其实这不是Python的问题，而是实数的无限精度跟计算
- 导入 python 库import matplotlib.pyplot as pltimport skimage.io as ioimpor
- 实时读取logstash日志，有异常错误keywork即触发报警。# /usr/bin/env python3# -*- coding: u
