Test_赋值多个class选择器

Posted Html5Skill

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Test_赋值多个class选择器相关的知识,希望对你有一定的参考价值。

ZC: 元素属性"class"中,可以赋值 多个 class选择器

ZC: 多个选择器,相同的属性设置,哪个起作用:晚定义的起作用

 

1、代码

<!--内联 html5-->
<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
<style type="text/css"> .bgc01 { width :500px; height : 200px; background-color :blue; border:5px solid red; } .bgc02 { background-color :silver; } </style> </head> <body> <div class="bgc01 bgc02"></div> <br/> <div class="bgc02 bgc01"></div> </body> </html>

 

2、效果图:

3、

4、

5、

 

以上是关于Test_赋值多个class选择器的主要内容,如果未能解决你的问题,请参考以下文章

jquery中如何获取class下面的某个子标签??

JS怎么只用一个循环给页面多个元素赋值

JQuery

VSCode自定义代码片段——CSS选择器

你循环的时候就可以给他们赋值了,那么就不用addClass,再根据类选择器处理,代码能一气呵成就别写成两段了

VSCode自定义代码片段6——CSS选择器