Question

我试图隐藏image包裹在div中而没有clas或id的一部分。由于我是从rss feed中解析代码，因此我无法将class或id赋予div（我的意思是我可以手动进行操作，但这意味着失去自动发布功能）。父div有一个class，然后还有3个其他div，它们没有class或id，并且在第三个div内是图像。

<div class="post-body-container"><div><div><div><img src=""></img></div><p>text</p><p>text</p></div></div></div>

我到目前为止所做的事情：

通过这种样式，我可以隐藏图像的一部分，因为我给出了溢出：隐藏到所需的div。（：

<style>.post-body-container div div div {
width: 418px;
height: 200px; 
overflow: hidden;</style>

问题在于，即使其他div都具有相同的样式（宽度和高度）。

我的问题：

如何只给包装图片的div设置样式？

Answer 1

我认为您正在寻找Child Combinator选择器。即div > *将以节点的第一个后代为目标。如果将它们链接起来，将得到您想要的结果。

.post-body-container > div > div > div {
    width: 418px;
    height: 200px; 
    overflow: hidden;
}

在没有类或ID的div中隐藏图像的一部分

1 个答案: