记录的问题:
1.比如一个标签的class是:class="p1 p2",另外一个标签的class是:class="p1",那么我使用.p1会选择到第一个标签吗?
答案:如果使用.p1是会同时选中两个标签的,下面使用例子来解释
<html> <head> <style type="text/css"> .p1{ color:blue } </style> </head> <body> <h1 class=‘p1 p2‘>这是 heading 1</h1> <p class=‘p1‘>这是一段普通的段落。</p> </body> </html>
显示结果:
从中我们可以看到,都同时选到了h1和p,所以我们如果要区别这两个时,我们可以用如下:
<html> <head> <style type="text/css"> .p1.p2{ color:blue } </style> </head> <body> <h1 class=‘p1 p2‘>这是 heading 1</h1> <p class=‘p1‘>这是一段普通的段落。</p> </body> </html>
显示结果:
这样就只选中了h1,所以当一个标签有多个class时,使用.class1.class2来选择
原文:https://www.cnblogs.com/fireporsche/p/9253335.html