html - 使用 "div"作为 css 选择器

Question

我有一个跨多个页面的类似文档结构。

HTML:

<ul>
    <li>
        <div>
            <img src=""/>
        </div>
    </li>
</ul>

目前，所有 img 元素周围都有边框。客户希望我去除图片周围的边框，因为并非所有图片的尺寸都相同，他们希望边框看起来统一。我注意到有一个 div 包装图像，但 div 没有 id 或类。如何在我的 css 中选择这个 div？

谢谢

Answer 1

例如使用

ul>li>div {
    border: 1px solid blue;
    margin: 5px;
    padding: 5px;
}

在我看来，这是避免 HTML 操作的最佳方法。

但是，如果结构 ul>li>div 在别处重复，这可能会产生歧义。