css3類選擇器之結(jié)合元素選擇器和多類選擇器用法
發(fā)布時(shí)間:2017-03-09 14:01:24 作者:佚名
我要評(píng)論
這篇文章主要介紹了css3類選擇器之結(jié)合元素選擇器和多類選擇器用法,非常不錯(cuò),具有參考借鑒價(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é)合元素選擇器和多類選擇器用法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
css3之UI元素狀態(tài)偽類選擇器實(shí)例演示
這篇文章主要介紹了css3之UI元素狀態(tài)偽類選擇器 ,其中包括hover、active和focus,enabled,disabledread-only與read-write 等等,需要的朋友可以參考下2017-08-11- 本文總結(jié)了30個(gè)CSS3選擇器,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-13
IE8下CSS3選擇器nth-child() 不兼容問(wèn)題的解決方法
這篇文章主要介紹了IE8下CSS3選擇器nth-child() 不兼容問(wèn)題的解決方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-16- 下面小編就為大家?guī)?lái)一篇對(duì)CSS3選擇器的研究(詳解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦2016-09-16
- CSS3的諸多革命性改進(jìn)中,對(duì)屬性選擇器的增強(qiáng)絕對(duì)是亮點(diǎn)之一,這里我們就來(lái)詳解CSS3中屬性選擇器新增加的特性,需要的朋友可以參考下2016-07-11
- 這篇文章主要介紹了CSS3中的常用選擇器使用示例整理,是CSS3入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2016-06-13
- 這篇文章主要介紹了CSS3 新增選擇器的實(shí)例,需要的朋友可以參考下2019-11-13

