30个最常用css选择器解析（2）
作者：iiduce 发布时间：2011-06-16 20:36:37
标签：css选择器,css,浏览器
5. X
a { color: red; }
ul { margin-left: 0; }
标签选择器。使用标签选择器作用于作用域范围内的所有对应标签。优先级仅仅比*高。
兼容浏览器：IE6+、Firefox、Chrome、Safari、Opera
6. X:visited和X:link
a:link { color: red; }
a:visted { color: purple; }
使用:link伪类作用于未点击过的链接标签。:hover伪类作用于点击过的链接。
兼容浏览器：IE7+、Firefox、Chrome、Safari、Opera
7. X+Y
ul + p {
color: red;
}
相邻选择器，上述代码中就会匹配在ul后面的第一个p，将段落内的文字颜色设置为红色。(只匹配第一个元素)
兼容浏览器：IE7+、Firefox、Chrome、Safari、Opera
8. X>Y
div#container > ul {
border: 1px solid black;
}
<div id="container">
<ul>
<li> List Item
<ul>
<li> Child </li>
</ul>
</li>
<li> List Item </li>
<li> List Item </li>
<li> List Item </li>
</ul>
</div>
子选择器。与后代选择器X Y不同的是，子选择器只对X下的直接子级Y起作用。在上面的css和html例子中，div#container>ul仅对container中最近一级的ul起作用。从理论上来讲X > Y是值得提倡选择器，可惜IE6不支持。
兼容浏览器：IE7+、Firefox、Chrome、Safari、Opera
9. X ~ Y
ul ~ p {
color: red;
}
相邻选择器，与前面提到的X+Y不同的是，X~Y匹配与X相同级别的所有Y元素，而X+Y只匹配第一个。
兼容浏览器：IE7+、Firefox、Chrome、Safari、Opera
0
投稿猜你喜欢
显然，效果很实用。对于这个效果，我们并不解释如何去使用效果库，而是讲解如何创建类似的效果，并保持他的可用性，分离式（unobtrusive）- 内容摘要：MySQL易学易用，附带丰富的技术文档，这两个因素使之被广泛应用。然而，随着MySQL发展加快，即使一个MySQL老手有时也会为该
- ASP通过XMLDom在服务器端操作XML文件的主要方法和实现对于小数据量，xml文件在检索更新上于ACCESS有很多优势。我曾经测试过不用
- 随着网络的发展，人们通过各种方式使用它。今天，网络购物，跟朋友或者不认识的人聊天，管理银行账户，以及一些日常应用，共享照片或视频，等等。事实
- 在SQL Server中，提供了通过Exchange或Outlook收发邮件的扩展存储过程。下面简单地介绍一下：一、启动SQL Mail：x
- 一、简化代码采用更为简短的写法，不仅可以减少输入的字符数，还可以减少文件大小。大部分采用简单写法的代码，执行效率都有轻微提高。1.1&nbs
- 上段时间，团队内部有过好几次几次给力的分享，这里对西风师傅分享的继承机制稍作整理一下，适当加了写口语化的描述，留作备案。一、讲个故事吧澄清在
- 可用下列函数来产生你需要的东西，将它们发送给用户就可以啦：<％response.write makePassword(16)
- 一般现今ASP木马常通过以下四点来操作服务器，所以我们只要将一下四处设置好就能从一 前使用IIS服务器的站长很多，特别是对于ASP网站来说，
- 继续Mootools常用方法扩展，依然还是String类的扩展。方法：format说明：一个非常简单的format方法，和C#
- 概述做日志分析工作的经常需要跟成千上万的日志条目打交道，为了在庞大的数据量中找到特定模式的数据，常常需要编写很多复杂的正则表达式。例如枚举出
- andot提出问题：在做 ajax 编程时，我们常常需要将 xmlhttp 获取到的页面内容通过 innerHTML 来赋给某个容器（比如
- 数据库连接字符串的常见问题和解决方法：基本知识1：SQL Server数据库的身份验证方式，分windows验证，SQL Server验证两
- asp分页做为一个经典的asp问题，有着非常丰富的分页形式和分页方法，但是大多数的asp分页都是使用VBscript作为服务器端的脚本，本文
- 我们现在回到函数上。记得我们用 SUM 这个指令来算出所有的 Sales (营业额)吧!如果我们的需求变成是要算出每一间店 (store_n
- 说完了理论，我们来做点实事。这篇文章将介绍使用 Javascript 实现的动画组件。下面记录下当时编写这个组件的考虑的些问题，对技术细节感
- 我们以用户查询语句为 https://www.aspxhome.com/chunfeng.asp为例来查询用户资料将从数据库Contact1
- meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head&
- 1、MySQL常用命令create database name; 创建数据库use databasename; 选择数据库drop data
- 蜗牛很慢。蜗牛快递会怎样？答案是：当然也会很慢。但是蜗牛尽了他的全力，为了它的兔子朋友，以生命在奔跑。每天都是24个小时，快的只是速度，却不
