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

<li class=" bg1 bg2 bg3 bg4" class="bg2"><a href="[field:arcurl/]" target="_blank"></a><img src="[field:litpic/]" alt="[field:title/]"> <p>[field:title/]</p> </li>可以这样调用吗?有什么更好的办法吗?要实现图片的效果

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,运行的结构如下:

温馨提示:答案为网友推荐,仅供参考
第1个回答  2016-05-19
可以,但你那个写法是错的:
<li class=" bg1 bg2 bg3 bg4" class="bg2">

正确的是只要一个 class,多个类名直接英文空格隔开:
<li class=" bg1 bg2 bg3 bg4 news red xxx abc">本回答被网友采纳
相似回答