Html 设置最后一个<;李>&书信电报;a>;

Html 设置最后一个<;李>&书信电报;a>;,html,css,styles,Html,Css,Styles,我在这部分结巴了。我有一个HTML菜单,如下所示: <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Item1</a> <ul> &l

我在这部分结巴了。我有一个HTML菜单,如下所示:

<nav> 
<ul>
                 <li><a href="#">Home</a></li>
                    <li><a href="#">Item1</a>
                        <ul>
                            <li><a href="#">Item1_1</a></li>
                            <li><a href="#">Item1_1</a></li>
                            <li><a href="#">Item1_1</a></li>
                            <li><a href="#">Item1_1</a></li>
                            <li><a id="last" href="#">Last</a></li>
                        </ul>
                    </li>
</ul>
</nav>
nav ul ul li a#last

正如您所看到的,列表中的最后一项有一个id=“last”,因为我希望该项有一个圆形的底部边框(左侧和右侧)。但是我不知道为什么它不起作用:(.这是我的第一篇帖子,很抱歉我的英语,还有很长的帖子:)请帮帮我,谢谢

对于id,您需要制作如下css:

<nav> 
<ul>
                 <li><a href="#">Home</a></li>
                    <li><a href="#">Item1</a>
                        <ul>
                            <li><a href="#">Item1_1</a></li>
                            <li><a href="#">Item1_1</a></li>
                            <li><a href="#">Item1_1</a></li>
                            <li><a href="#">Item1_1</a></li>
                            <li><a id="last" href="#">Last</a></li>
                        </ul>
                    </li>
</ul>
</nav>
nav ul ul li a#last
注意到区别了吗?#last与a组合。

因为#last是唯一的,所以您只需要:

#last {
   ...your css..
}
a#last
表示“ID为
“last”
的元素,它是
标记的子元素

这里不需要空格。
last
表示“ID为
“last”
标记”


实际上,由于ID应该是唯一的,所以您可以只使用
#last
,而不使用
a
(甚至不使用前面的其他元素)。

可能不是您问题的真正答案,但您可能想看看类似
:last child
:last of kind
(以及您需要支持的浏览器中对它们的支持:))谢谢,它的作品:)。但仅在悬停时:(.最后一个的背景不会四舍五入。@Balu你是指ul背景?那么你需要在ul上设置边界半径,而不是a或LI,因为我不会用英语写,我给你看:)。这是页面:我想要Márkáink/Project One的圆形底部。再次感谢你@导航上的Balu ul添加边界半径:0 x x;x=您想要的值。并在导航上移除边框底部。使用此选项,只需调整:hover.nav ul li ul{border bottom left radius:1em;border border bottom right radius:1em;}谢谢,它也可以工作,非常好的提示:)。但仅在悬停时:(.最后一个的bg不会被舍入。
#last
是唯一的,但在样式表和其他页面上,
#last
可能是另一个元素。这将打开一个蠕虫罐头,让你知道是应该使用
nav ul li a#last
还是只使用
#last
@Diodeus如果你得到它,想象一个有200多个css文件行,现在尝试发现#最后一个元素来自哪个元素…这很容易,因为ID是唯一的,您只需在代码中搜索该ID。绝对不需要为任何ID选择器添加前缀。这都是关于CSS的特殊性。请阅读: