html中的class从右向左的顺序匹配

发布时间:2020-04-04编辑:脚本学堂
html中class按什么顺序匹配的呢?如果想了解请看下文的代码实例。

代码
 

复制代码 代码示例:
1.<html>
2.  <head>
3.    <style>
4.      .c1{background-color:red}
5.      .c2{background-color:yellow}
6.    </style>
7.  </head>
8.  <body>
9.    <div class="c1 c2">
10.      testCSS
11.    <div>
12.  </body>
13.</html>

div是黄色的。

如果代码是这样的
 

复制代码 代码示例:
1.<html>
2.  <head>
3.    <style>
4.      .c1{background-color:red}
5.      .c3{background-color:yellow}
6.    </style>
7.  </head>
8.  <body>
9.    <div class="c1 c2">
10.      testCSS
11.    <div>
12.  </body>
13.</html>

那么div就是红色的。