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

兄弟选择器:选择E元素后面的所有兄弟元素F (~)
相邻选择符:与兄弟选择符不同的是,相邻选择符只会命中符合条件的相邻的兄弟元素。 (+)
not选择器:

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>列表项1li>
    <li>列表项2li>
    <li id="li3">列表项3li>
    <li>列表项4li>
    <li>列表项5li>
    <li>列表项6li>
    <li>列表项7li>
ul>

body>
html>

你可能感兴趣的:(HTML5+CSS)