css選擇器.class.class
阿新 • • 發佈:2018-12-18
性痴則其志凝,故書痴者文必工,藝痴者技必良。世之落拓而無成者,皆自謂不痴者也。
第一次寫部落格(哈哈哈哈哈不會寫),主要是用來記錄學習過程中遇到的問題,畢竟入了這個IT坑,所以學習寫部落格還是很重要的。
學習css的時候看到有兩個類選擇器(緊密的)挨著,栗子(.a.b)。一直沒見過,不明所以,問了下度娘,意思是選擇class中同時包含a和b的元素。
上程式碼簡單測試一下
1 <style> 2 .a{ 3 color: #afafaf; 4 } 5 .b{ 6 color: blue; 7 } 8 .c{ 9 color:green; 10 } 11 .a.b{ 12 color:red; 13 } 14 15 </style> 16 <body> 17 <div class="a"> 18 <p class="a b">我是a b</p> 19 </div> 20 <div class="b">我是b</div> 21 <div class="a b">我是a b</div> 22 <div class="a b c">我是a b c</div> 23 <div class="a c ">我是a c</div> 24 <div class="c b">我是c b</div> 25 26 </body>
效果如下:
結果:只有同時擁有類選擇器a和b的元素變紅