首頁 > web前端 > css教學 > 主體

詳解css3類選擇器之結合元素選擇器和多類別選擇器用法

高洛峰
發布: 2017-03-09 18:44:52
原創
1831 人瀏覽過

這篇文章詳解css3類別選擇器之結合元素選擇器和多類別選擇器用法

#css3類別選擇器之結合元素選擇器和多類別選擇器用法:

<!DOCTYPE html>
<html>
<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>看我</div>
    <p>我就是我</p>
    <p>我是一段文字</p>
    <p class="p1 p2">我还是斜体字</p>
</body>
</html>
登入後複製


#

以上是詳解css3類選擇器之結合元素選擇器和多類別選擇器用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板