详细介绍ie7新支持的选择器.docVIP

现在IE7已经推出一段时间并且渗透到用户当中，不用等太久我们就可以在页面上使用更高级的CSS。两个最有用的项目将是 Child子和Adjacent Sibling相邻兄弟选择符。现在已是时候使用它们制作网页，并且更深入研究它们。 　　一个较好的方法 　　在我们研究选择符之前，弄清楚他们的不同和为什么它们是好东西的原因是个不错的主意。原因很简单，它减 少网页的“class-itis”弊病。主要原因就是“class-itis”在目前网页中非常普遍，直到现在，我们拥有了为建立配合CSS选择器而存在 而且支持完美的后代选择符，即两个选择器之间空格。 　　当使用后代选择符，右边的一个元素选择器是被选择的，不管左边的元素选择器标签有几个。举例，p a{color:red;}，意思是段落里面的所有链接都是红色。这非常有用，也是一类相当广泛的选择组合。 　　代表性的class-itis的级数像下面一样。首先，你使用一个非常好的干净的html结构运用简单 的CSS样式构建标题、段落等等。然后有人告诉你每个div块第一段里文本颜色需要红色。你不能仅改变目标段落的样式，因为那可能影响全部，所以你被迫命 名一个特殊class应用在第一段。 　　于是数十次相同的要求在后面继续，结果就形成了class-itis现象。为什么说这样是糟糕有害的？因为这和font标签比起来没什么区别。当然，classes允许无穷的花样，但是紧随其后就是无穷的混乱，或可能更快胜于随后。 　　举个例子，假设你已经给所有第一段加上class属性，而且一切都好。现在你被告知，首两段需要样式， 不仅是第一个。为使用正确class完成目的，你必须确信第二段的每个都有专用的class。最后，这样的习惯导致源代码里到处都是class，感觉像新 旧两个样式在打斗冲突，让人头痛。 　　如果我们只针对CSS讲这样未必不好，实际上“运用下列样式到每个div块第一段和第二段里面。”这样的情况发生了，最新的CSS选择符允许我们耍点小聪明就可办到。 　　回顾复习下 　　让我们复习一些术语。W3C CSS2.1 规范解释了选择器（selectors）和选择（combinators）： 　　“一个选择器是用选择符连接起来的一个或更多的选择器。选择符包括：空格，‘’和‘+’。空格可能出现在一个选择符和简单的选择器之间。”一个简单的选择器可以是一种类型选择器或是通用选择器跟随零或者更多属性选择器，ID选择器或者伪类，在任何顺序。 　　第一个支持的选择符（也经常被称作选择器，这是唯一正确的部分）是子选择符。在简单的选择器之间指定“”符号。一个简单的例子，#leftcolp{color:blue;}，意思是#leftcol下面所有子段落文本颜色是蓝色。 　　但是如果#leftcol有一个DIV，而且DIV还有一个段落，#leftp选择器不会使这个段落里的文本变成蓝色，因为子选择符，不像频繁使用的后代选择符，只选择直接的孩子，不是“”符号的左边元素任何深度的嵌套后代。 　　另外一个新支持的选择符将是相邻选择符，使用+符号。子选择符可以指向另外一个元素的子部，相邻选择符可以指向跟随的元素，但与前面的元素独立。例子，h2+p {color:blue;}，跟随h2元素后面段落的文本颜色为蓝色。 　　　　 下面是古文鉴赏，不需要的朋友可以下载后编辑删除！！谢谢！！ 九歌·湘君?屈原??朗诵：路英君不行兮夷犹，蹇谁留兮中洲。?美要眇兮宜修，沛吾乘兮桂舟。?令沅湘兮无波，使江水兮安流。?望夫君兮未来，吹参差兮谁思。?驾飞龙兮北征，邅吾道兮洞庭。?薜荔柏兮蕙绸，荪桡兮兰旌。?望涔阳兮极浦，横大江兮扬灵。?扬灵兮未极，女婵媛兮为余太息。?横流涕兮潺湲，隐思君兮陫侧。?桂棹兮兰枻，斫冰兮积雪。?采薜荔兮水中，搴芙蓉兮木末。?心不同兮媒劳，恩不甚兮轻绝。?石濑兮浅浅，飞龙兮翩翩。?交不忠兮怨长，期不信兮告余以不闲。?朝骋骛兮江皋，夕弭节兮北渚。她含着笑，切着冰屑悉索的萝卜，??她含着笑，用手掏着猪吃的麦糟，??她含着笑，扇着炖肉的炉子的火，??她含着笑，背了团箕到广场上去??晒好那些大豆和小麦，??大堰河，为了生活，??在她流尽了她的乳液之后，??她就用抱过我的两臂，劳动了。??大堰河，深爱着她的乳儿；??在年节里，为了他，忙着切那冬米的糖，??为了他，常悄悄地走到村边的她的家里去，??为了他，走到她的身边叫一声“妈”，??大堰河，把他画的大红大绿的关云长??贴在灶边的墙上，??大堰河，会对她的邻居夸口赞美她的乳儿；??大堰河曾做了一个不能对人说的梦：??在梦里，她吃着她的乳儿的婚酒，??坐在辉煌的结彩的堂上，??而她的娇美的媳妇亲切的叫她“婆婆”??…………??大堰