css3類選擇器之結(jié)合元素選擇器和多類選擇器用法
發(fā)布時間:2017-03-09 14:01:24 作者:佚名
我要評論

這篇文章主要介紹了css3類選擇器之結(jié)合元素選擇器和多類選擇器用法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
下面一段代碼給大家介紹css3類選擇器之結(jié)合元素選擇器和多類選擇器用法,具體代碼如下所示:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .p2{font-size:30px;} /*結(jié)合元素選擇器*/ 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類選擇器之結(jié)合元素選擇器和多類選擇器用法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
- 這篇文章主要介紹了css3之UI元素狀態(tài)偽類選擇器 ,其中包括hover、active和focus,enabled,disabledread-only與read-write 等等,需要的朋友可以參考下2017-08-11
- 本文總結(jié)了30個CSS3選擇器,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-13
IE8下CSS3選擇器nth-child() 不兼容問題的解決方法
這篇文章主要介紹了IE8下CSS3選擇器nth-child() 不兼容問題的解決方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-16- 下面小編就為大家?guī)硪黄獙SS3選擇器的研究(詳解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-09-16
- CSS3的諸多革命性改進中,對屬性選擇器的增強絕對是亮點之一,這里我們就來詳解CSS3中屬性選擇器新增加的特性,需要的朋友可以參考下2016-07-11
- 這篇文章主要介紹了CSS3中的常用選擇器使用示例整理,是CSS3入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2016-06-13
- 這篇文章主要介紹了CSS3 新增選擇器的實例,需要的朋友可以參考下2019-11-13