两个相同的div id,只修改一个

Question

所以代码是这样的:

<div id="logo"><img src="logourl"></div>
<div id="logo"><img src="logourl"></div>

我正在尝试display: none第二个.不幸的是,我被阻止修改html,我也无法使用js.我坚持使用CSS来尝试解决这个问题.

我想也许#logo:last-child { display: none; }可能有用,但是因为他们在技术上处于不同的div中只有相同的ID,所以我似乎无法实现这一点.任何意见,将不胜感激.我知道HTML很糟糕,但我无法解决这个问题.我已经好几次告诉我的老板......

Answer 1

#logo:last-child { display: none; } 应该工作,根据您的问题中的代码.

但考虑到您的HTML无效,您可以尝试以下替代方案:

div:last-child { display: none; }

div:last-child > img { display: none; }

div:last-of-type { display: none; }

您已经提到HTML很糟糕,您无法控制它.但只是为了记录,每个ID在文档中应该是唯一的.拥有两个具有相同值的ID是无效的HTML.