Css 如何使用溢出：仅在dl的最后一个dt上隐藏

我不确定是否有（n easy）解决方案，但问题如下：

我有一个非常基本的手风琴，它是用dl制作的

<dl>
<dt>MenueLink1</dt>
<dd>Content1</dd>
<dt>MenueLink2</dt>
<dd>Content2</dd>
.
.
.
<dt>Logo</dt>
</dl>

菜单链接1
内容1
菜单链接2
内容2
.
.
.
标志

最后一个dt包含一个徽标。这里是独家新闻：我想使用overflow:hidden只用于最后一个包含徽标的dt。因此，如果徽标移动到浏览器/屏幕之外（由于内容DDs的高度不同），我不希望浏览器显示滚动条，但一旦另一个dd或dt离开屏幕/浏览器，滚动条就会出现。 我的第一个想法是将徽标放在dl外的一个单独的div中，但是当高度改变时，它不会随着dl的其余部分上下移动

---

如果有人能给我一个提示或解决方案，我会非常高兴。

取决于您需要支持的浏览器。选择器

dl dt:last child

将适用于您

---

否则，通常的做法是在生成HTML时将类

last item

指定给last

dt

，并使用

dl dt。last item

当然是普遍支持的。

可能是徽标位于“dd”中（如果它不是静态页面）。所以选择器必须是dl*：最后一个子级。“我说得不对吗？”摩西：如果它可以是一个

dd

，那么你是对的。或者，

dl dt:last of type

可以工作，但除了IE 6-8（不支持

：last child

）之外，FF 3.0不支持它。是的，它不受支持。必须使用JavaScript。Hm不起作用，或者我不明白你在说什么。最后一个“dt”具有溢出功能：隐藏（通过id）和边距[除此之外没有其他内容]，并包含一个具有高度和宽度的“span”，徽标作为背景图像。当徽标离开屏幕时，滚动条仍然会立即出现。。。