css3多類選擇器使用詳解

這次帶給大家css3多類別選擇器使用詳解，使用css3多類別選擇器的注意事項有哪些，下面就是實戰案例，一起來看一下。

下面一段程式碼介紹css3類別選擇器之結合元素選擇器和多類別選擇器用法，具體程式碼如下所示：

nbsp;html>


    <meta>
    <title>Title</title>
    <style>
        .p2{font-size:30px;}
        /*结合元素选择器*/
        p.p1{color:rebeccapurple;}
        /*多类选择器*/
        .p1.p2{font-style: italic;}
    </style>


    <p>看我</p>
    <p>我就是我</p>
    <p>我是一段文字</p>
    <p>我还是斜体字</p>

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

Bootstrap實作價格表

#CSS怎麼處理瀏覽器的預設樣式

CSS有幾種實作三欄佈局的方法

以上是css3多類選擇器使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！