我在一个 div 中使用两个类。我遇到的问题是我有两个不同的title
div,每个标题都有自己的图像。我无法弄清楚为什么每个标题都不会显示自己的图像。两个图像都会叠加在第一个 div 上,我做错了什么?
CSS
.title {
border: 1px solid #AAA;
padding: 4px 22px;
}
.icon-img1:before {
position: absolute;
top: 4px;
left: 4px;
content: "";
background: url(http://png-4.findicons.com/files/icons/366/icomic/24/images.png);
width: 24px;
height: 24px;
}
.icon-img2:before {
position: absolute;
top: 4px;
left: 4px;
content: "";
background: url(http://png-5.findicons.com/files/icons/753/gnome_desktop/24/gnome_emblem_photos.png);
width: 24px;
height: 24px;
}
HTML
<div class="title icon-img1">Title 1</div>
<div class="title icon-img2">Title 2 </div>