DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> 關於CSS >> css3類選擇器之結合元素選擇器和多類選擇器用法
css3類選擇器之結合元素選擇器和多類選擇器用法
編輯:關於CSS     

下面一段代碼給大家介紹css3類選擇器之結合元素選擇器和多類選擇器用法,具體代碼如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .p2{font-size:30px;}
        /*結合元素選擇器*/
        p.p1{color:rebeccapurple;}
        /*多類選擇器*/
        .p1.p2{font-style: italic;}
    </style>
</head>
<body>
    <div class="p1">看我</div>
    <p class="p1">我就是我</p>
    <p class="p2">我是一段文字</p>
    <p class="p1 p2">我還是斜體字</p>
</body>
</html>

以上所述是小編給大家介紹的css3類選擇器之結合元素選擇器和多類選擇器用法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved