HTML5中CSS3的相邻选择器、兄弟选择器以及not选择器

来源:互联网 发布:方维直播源码 编辑:程序博客网 时间:2024/06/08 18:42
兄弟选择器:选择E元素后面的所有兄弟元素F (~)
相邻选择符:与兄弟选择符不同的是,相邻选择符只会命中符合条件的相邻的兄弟元素。 (+)
not选择器:
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <style>        /*#li3 + li{            color: red;        }*/                /* #li3 ~ li{            color: red;        }*/                 li:not(:last-child){    /*not选择器*/            border-bottom: 1px solid red;        }    </style>    <title>其他选择器</title></head><body><ul>    <li>列表项1</li>    <li>列表项2</li>    <li id="li3">列表项3</li>    <li>列表项4</li>    <li>列表项5</li>    <li>列表项6</li>    <li>列表项7</li></ul></body></html>
0 0