30个最常用css选择器解析(2)
作者:iiduce 时间:2011-06-16 20:36:37
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
标签:css选择器,css,浏览器
0
投稿
猜你喜欢
微软建议的ASP性能优化28条守则(7)
2005-05-30 16:02:00
SQL查询入门(中篇)
2011-09-30 11:15:09
每个ASP程序员必备的知识
2008-09-21 21:34:00
Javascript:keyCode键盘键码值表
2008-02-21 13:16:00
框架布局慎用元素
2008-12-21 16:33:00
MS SQL2000 数据库自动备份方法
2010-07-22 19:52:00
javascript判断一个元素是否数组
2009-07-31 12:48:00
asp三天学好ADO对象之第一天
2008-10-09 12:46:00
asp我对后台安全的一些做法
2011-09-01 19:22:09
几个javascript特效代码
2010-04-23 20:39:00
导航与搜索合并的可能性
2009-09-27 12:06:00
用ASP实现远程批量文件改名
2007-09-12 12:23:00
JavaScript 图片变换效果(ie only)
2010-01-20 12:40:00
ASP中模拟PHP的关联数组
2009-12-25 16:31:00
如何解决“cint和clng的溢出出错”问题?
2009-12-03 20:21:00
界面设计10条可用性方面的启发
2010-04-06 17:22:00
用 AjaxTags 简化 Ajax 开发
2007-11-27 00:00:00
IE下的firebug方法
2009-07-29 18:50:00
asp连接mysql的问题(端口)
2009-08-21 13:23:00
Asp用正则表达式获取文章中的所有图片地址
2010-07-17 13:11:00