兄弟选择器

兄弟选择器

相邻兄弟选择器（+）

• (+) 介于两个选择器之间，当第二个元素紧跟在第一个元素之后，并且两个元素都是属于同一个父元素的子元素，则第二个元素将被选中。

• IE7+

    /* 图片后面紧跟着的段落将被选中 */
    img + p {
        font-style: bold;
    }

通用兄弟选择器（~）

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

• 在tab键上方那个可以按出来

• IE7+

    /*用来模仿下拉框的时候，显示第一个label*/
    fieldset.elist label {
        width: 100%;
    }
    input[type="radio"]:checked~label {
        display: block;
    }