我的目标是对最后li个应用CSS,但它没有做到这一点.

#refundReasonMenu #nav li:last-child {
    border-bottom: 1px solid #b5b5b5;
}
<div id="refundReasonMenu">
    	<ul id="nav">
    		<li><a id="abc" href="#">abcde</a></li>
    		<li><a id="def" href="#">xyz</a></li>
    	</ul>
    </div>

我怎么才能 Select 最后only个子元素呢?

推荐答案

:last-child伪类仍然不能跨浏览器可靠地使用.特别是Internet Explorer版本<;9和Safari<;3.2肯定是don't support it,尽管Internet Explorer7和Safari 3.2 do支持:first-child,这一点很奇怪.

最好的办法是显式地向该项目添加一个last-child(或类似)类,然后改为应用li.last-child.

Css相关问答推荐

如何在没有额外间隔的情况下使用Angular Metal chckbox?

Angular中嵌套数组的网格

在react native中应用阴影

视频覆盖不适用于reactjs样式的组件

Safari CSS扫描动画效果不起作用

CSS Grid我不想要的东西

如何使用DirectusImage标签作为背景?

导航栏没有使用nextui获取页面的全部宽度

如何更改Swiper Navegation默认 colored颜色

如何通过重复的网格区域来简化网格布局?

在 CSS 中跨列对齐文本基线

当父元素处于子元素 input 的焦点状态时更改父元素的样式

如何在真实文本旁边制作文本阴影,使其看起来像 css 中的重复文本?

在嵌套的弹性框中创建弹性项目之间的空间

CSS nth-child 表示大于和小于

如何让 Firefox 在文件更改时自动刷新?

如何对齐标签和文本区域?

HTML表格:保持列的宽度相同

CSS 插入边框

我如何*真正*证明 HTML+CSS 中的水平菜单?