HTML 5におけるCSS 3の隣接セレクタ、兄弟セレクタおよびnotセレクタ

5160 ワード

E           F (~)
     :          ,                     。 (+)
not   :

/span>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>