请问哪种多类选择器最适合我的需求？
- 内容介绍
- 文章标签
- 相关推荐
本文共计256个文字，预计阅读时间需要2分钟。
多种选择器+测试：https://www.w3school.com.cn/tiy/t.asp?f=csse_selector_class_1++head+style+type%3Dtext%2Fcss.important+.im+.im2+.im.im2%7Bcolor%3Ared%3Bfont-weight%3Abold%3Bfont-size%3A18pt%3B%7D
多类选择器
测试：www.w3school.com.cn/tiy/t.asp?f=csse_selector_class_1
<html> <head> <style type="text/css"> .important {color:red;} .im {color:red;} .im2 {font-weight:bold;} .im .im2 {font-size:18pt;} .im.im2 {font-size:18pt;} </style> </head> <body> <div class="im">aaa</div> <div class="im"><div class="im2">bbb</div></div> <div class="im im2">ccc</div> <h1 class="important">This heading is very important.</h1> <p class="important">This paragraph is very important.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p> <p>...</p> </body> </html>
多类选择器；
（1）.a.b中间没有空格，代表同时包含a 和 b样式。 （2）.a .b中间有空格，代表a包含b。
参考：blog.csdn.net/weixin_42238430/article/details/80828541
本文共计256个文字，预计阅读时间需要2分钟。
多种选择器+测试：https://www.w3school.com.cn/tiy/t.asp?f=csse_selector_class_1++head+style+type%3Dtext%2Fcss.important+.im+.im2+.im.im2%7Bcolor%3Ared%3Bfont-weight%3Abold%3Bfont-size%3A18pt%3B%7D
多类选择器
测试：www.w3school.com.cn/tiy/t.asp?f=csse_selector_class_1
<html> <head> <style type="text/css"> .important {color:red;} .im {color:red;} .im2 {font-weight:bold;} .im .im2 {font-size:18pt;} .im.im2 {font-size:18pt;} </style> </head> <body> <div class="im">aaa</div> <div class="im"><div class="im2">bbb</div></div> <div class="im im2">ccc</div> <h1 class="important">This heading is very important.</h1> <p class="important">This paragraph is very important.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p> <p>...</p> </body> </html>
多类选择器；
（1）.a.b中间没有空格，代表同时包含a 和 b样式。 （2）.a .b中间有空格，代表a包含b。
参考：blog.csdn.net/weixin_42238430/article/details/80828541