Question

我想使用外部div类将宽度设置为我的IMG。由于外部div和图像之间的结构可能因页面而异。

实现此目的的最佳CSS语法是什么？

<div class="my-div">
    <span class="my-variable-class">
        <a href="#" class="element-x">
            <img src="logo.png">
        </a>
    </span>
<div>

到目前为止我得到了：

.my-div > img{
    width:200px !important;
}

Answer 1

令人愤怒的是，CSS中没有父选择器。

您需要在img容器上放置一个类并设置样式。

.img_container {
    max-width: 200px;
}

我也建议，虽然理论上不应该这样做：

img {
    width: 100%;
}

假设我们正在讨论max-width，因为您正在进行自适应设计，并且您希望img_container在移动设备上几乎全宽，但不会失控更宽的屏幕。为此，还要img_container width: 95%（或任何金额）。这必须在 max-width限制之前。

如何使用CSS为父img元素应用样式

1 个答案: