国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

CSS 分組 和 巢狀 選擇器

CSS?分組?與?巢狀?選擇器


分組選擇器

#在樣式表中有很多相同樣式的元素,
為了盡量減少程式碼,你可以使用分組選擇器。

每個(gè)選擇器用逗號(hào)分隔。

實(shí)例

#
       <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文網(wǎng)(php.cn)</title>
    <style>
        h1,h2,p
        {
            color:green;
        }
    </style>
</head>

<body>
<h1> PHP中文網(wǎng)你</h1>
<h2>php.cn</h2>
<p>學(xué)習(xí)PHP知識(shí)的好選擇.</p>
</body>
</html>

執(zhí)行程式嘗試

##

      <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文網(wǎng)(php.cn)</title>
    <style>
        p
        {
            color:blue;
            text-align:center;
        }
        .marked
        {
            background-color:red;
        }
        .marked p
        {
            color:white;
        }
    </style>
</head>

<body>
<p>褪盡風(fēng)華,我依然在彼岸守護(hù)你</p>
<div class="marked">
    <p>那些繁華哀傷終成過往,</p>
</div>
<p>請不要失望,平凡是為了最美的蕩氣回腸。</p>
</body>
</html>

執(zhí)行程式嘗試



#巢狀選擇器


####它可能適用於選擇器內(nèi)部的選擇器的樣式。 ######在下面的範(fàn)例設(shè)定了三個(gè)樣式:######為所有p元素指定一個(gè)樣式為所有class="marked"的元素指定一個(gè)樣式為所有class="marked"元素內(nèi)的p元素指定一個(gè)樣式###rrreee######運(yùn)行程式嘗試####################################################################### ################
繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <style> h1,h2,p { color: #d4d223; } </style> </head> <body> <h1>PHP中文網(wǎng)</h1> <h2>php.cn</h2> <p>你學(xué)習(xí)PHP知識(shí)的好選擇.</p> </body> </html>
提交重置程式碼