Question

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

我想要实现的目标是：

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

Answer 2

您只需要将img设为容器的大小：

.left img {
  width:100%;
}

演示http://jsfiddle.net/cqe4V/2/

除第一张图像外，使其余图像变小

2 个答案: