標籤：
1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 <head> 4 <style type="text/css"> 5 .a.b{ /*注意此處.a和.b之間沒有空格*/ 6 background-color:blue; 7 } 8 .a{ 9 border:1px solid black;10 }11 .b{12 color:red;13 }14 </style>15 </head>16 17 </head>18 <body>19 <div style="width:100px;height:100px;"class="a b"> 20 /*此div 顯示 紅字藍背景黑框*/21 12322 </div>23 <div style="width:200px;height:200px;" class="a">24 /*此div僅顯示黑框*/25 12326 <div style="width:100px;height:100px;" class="b">27 /*此div僅顯示紅字*/28 12329 </div>30 </div>31 </body>32 </html>
在css選取器中如果兩個類之間沒有空格，這表示這是個多類別選取器；如果有空格就表示選擇第一個類中的第二個類。
css多類別選取器
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
