亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

派生選擇器

派生選擇器可讓你根據(jù)文件的上下文關(guān)係來決定某個標(biāo)籤的樣式。透過合理地使用衍生選擇器，我們可以使 HTML 程式碼變得更加整潔。 比方說，你希望列表中的strong 元素變成紅色，而不是通常的黑色，可以這樣定義一個派生選擇器：

li strong{    color: red;
}

請注意在HTML 中標(biāo)記為<li>< ;strong> 的程式碼的上下文關(guān)係

<p><strong>我是黑色，因?yàn)槲也辉诹斜懋?dāng)中，所以這個規(guī)則對我不起作用</strong></p>
        <u1>
            <li><strong>我是紅色。這是因?yàn)?nbsp;strong 元素位于 li 元素內(nèi)。</li>
        </u1>

完整程式碼如下：

index.html

<!doctype html><html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="mycss.css" type="text/css">
    </head>
    <body>
        <p><strong>我是黑色，因?yàn)槲也辉诹斜懋?dāng)中，所以這個規(guī)則對我不起作用</strong></p>
        <u1>
            <li><strong>我是紅色，這是因?yàn)?nbsp;strong 元素位于 li 元素內(nèi)。</strong></li>
        </u1>
    </body></html>

mycss.css

li strong{    color: red;
}

運(yùn)行結(jié)果：

QQ截圖20161011132215.png

在css 中定義的li strong 的樣式，只會影響上面html 檔案中的<li><strong>,而不會影響<p>< strong>中的內(nèi)容

繼續(xù)學(xué)習(xí)
||
<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="mycss.css" type="text/css"> </head> <body> <p><strong>我是黑色，因?yàn)槲也辉诹斜懋?dāng)中，所以這個規(guī)則對我不起作用</strong></p> <u1> <li><strong>我是紅色，這是因?yàn)?strong 元素位于 li 元素內(nèi)。</strong></li> </u1> </body> </html>
提交重置程式碼