mozilla
您的搜索结果

    通用兄弟选择器

    概述

    在使用 ~ 连接两个元素时,它会匹配第二个元素,条件是它必须跟(不一定是紧跟)在第一个元素之后,且他们都有一个共同的父元素 .

    语法

    元素 ~ 元素 { 样式声明 }
    

    示例

    p ~ span {
      color: red;
    }

    上面的CSS作用于下面的HTML中:

    <span>This is not red.</span>
    <p>Here is a paragraph.</p>
    <code>Here is some code.</code>
    <span>And here is a span.</span>

    则会产生下面的效果:

    This is not red.

    Here is a paragraph.

    Here is some code.And here is a span.

    规范

    Specification Status Comment
    CSS Selectors Level 3 Recommendation  

    浏览器兼容性

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support ? 1.0 (1.7 or earlier) 7 9 3
    Feature Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
    Basic support ? ? ? ? ?

    相关

    文档标签和贡献者

    此页面的贡献者有: alimon, teoli
    最后编辑者: teoli,