使用css的类名交集复合选择器 让选择元素变简单
发布时间:2015-05-12 来源:查字典编辑
摘要:首先先看一下基本定义:复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括“交集”选择器、&l...
首先先看一下基本定义:
复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括“交集”选择器、“并集”选择器、“后代”选择器。
交集选择器
“交集”复合选择器是由两个选择器直接连接构成,其结果是选中二者各自元素范围的交集。其中第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器。这两个选择器之间不能有空格,必须连续书写。
注意其中第一个必须是标记选择器,如p.class1,但有时候会看到.class1.class2,即2个都是类选择器,在其他浏览器中是允许出现这种情况的,但IE6不兼容。如下表:
Mac: Safari 4.0 | 支持 |
---|---|
Mac: Chrome 5.0 | 支持 |
Mac: FireFox 3.6 | 支持 |
Mac: Opera 10 | 支持 |
Win: FireFox 3.6 | 支持 |
Win: Opera 10 | 支持 |
Win: IE6 | 不支持 |
Win: IE7 | 支持 |
Win: IE8 | 支持 |
复合选择器的使用
这是个简单的tab菜单:
如下是html代码:
1 |
<ul class="nav"> |
相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
- ■如何在Win 8.1下安装必应输入法
- ■如何关闭Win8.1系统休眠功能?关闭Win8.1占空间的系统休眠功能方法介绍
- ■如何固定Win8开始屏幕磁贴布局并禁止增加或删除磁贴
- ■Photoshop将草地人物图片调制出秋季漂亮的橙色效果
- ■win8.1磁盘占用100%运行速度其极卡顿的解决方法
- ■Win8的混合启动(Hybrid Boot)功能如何开关?图文详解
- ■Win8.1系统摄像头拍摄时提示需要相应权限无法拍摄画面
- ■Win8中win+x快捷键功能及其失效原因与失效解决方法
- ■Photoshop为室内人像增加上流行的粉紫色效果
- ■Win7前置面板没声音怎么办?图文解析Win7前置面板没声音故障
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类