css中 可以同时调用多个类吗?

html-css016

css中 可以同时调用多个类吗?,第1张

css的类是可以被一个元素同时使用多个的,也就说某个元素可以同时使用多个class样式,但是如果发生了样式冲突会出现后者覆盖前者的现象。

工具原料:编辑器、浏览器

1、一个元素可以同使用多个class样式类,写法一般是class=“test1 test2”中间使用空格隔开即可,代码如下:

<body>

<style type="text/css">

.div1{

width: 200px

height: 200px

}

.div2{

background: #ccc

}

</style>

<div class="div1 div2"></div>

</body>

2、以上代码div同时使用了div1类和div2类的样式,最终的效果是一个宽高200像素背景是灰色的div,运行的结构如下:

<link href="xxx/1.css" />

<link href="xxx/2.css" />

这样就可以把两个CSS放到一个页面里面