• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 人生哲理 > 正文

    css复合选择器_使用css的类名交集复合选择器,让选择元素变简单

    时间:2018-08-11来源:山茶花美文网 本文已影响 山茶花美文网手机站

    使用css的类名交集复合选择器 让选择元素变简单1

    首先先看一下基本定义:

    复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括“交集”选择器、“并集”选择器、“后代”选择器。

     

    交集选择器

    “交集”复合选择器是由两个选择器直接连接构成,其结果是选中二者各自元素范围的交集。其中第一个必须是标记选择器,第二个必须是类别选择器或者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菜单:

    使用css的类名交集复合选择器 让选择元素变简单2

    如下是html代码:

    1 <ul class="nav">
    • css复合选择器_使用css的类名交集复合选择器,让选择元素变简单 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全