首页 > 代码库 > css多类选择器
css多类选择器
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多类选择器
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。