css - 使除第一张图像以外的其余图像变小

Question

尝试使用 css 更改其余图像的宽度。

fiddle1

我想实现的是:

fiddle2

CSS

.left{
    margin-bottom: 18px;
    margin-left: 1px;
    width: 246px;
}

.wrapper div:first-of-type{
    width: 513px;
}


.left p{
    color: #555555;
    font-size: .8em;
    height: 32px;
    background-color: #F6F6F6;
    line-height: 32px;
    padding-left: 8px;
}

尝试了一些东西但无法达到我需要的结果。

Answer 1

指定所有图像的宽度，然后显式定义第一张图像。例如:

.wrapper div img {
    width: 246px;
}
.wrapper div:first-child {
    width: 513px;
}
.wrapper div:first-child img {
    width: 513px;
}

jsFiddle Demo