zoukankan      html  css  js  c++  java
  • 非首位子元素选择器的使用

    非首位子元素选择器的使用

    前方元素 + 目标元素样式声明,它只会匹配紧跟其前方元素的同胞元素,该选择器使用加号“+”来链接前后两个选择器,选择器中的元素(均是兄弟同胞关系)有同一个父亲,而且第二个必须紧紧的跟着第一个。

    li + li {

    color: red;

    }

    img, span {

    display: block;

    }

    img + span.caption {

    font-style: italic;

    color: red;

    }


    <ul>

    <li>one</li> 这一行颜色不变

    <li>one</li>

    <li>two</li>

    <li>three</li>

    </ul>


    <span class="caption">Before the photo</span>

    <img src=“#”/>

    <span class="caption">After first photo 1</span>

    <span class="caption">After first photo 2</span>

    <img src=“#”/>

    <span class="caption">After The second photo</span>

  • 相关阅读:
    链表的常用操作
    android简易论坛的制作
    Bmob后端云的使用
    马哥第九周
    马哥第八周
    马哥第七周
    马哥第六周
    马哥第五周
    马哥第四周
    马哥第三周
  • 原文地址:https://www.cnblogs.com/yakun/p/3787696.html
Copyright © 2011-2022 走看看