Html 为什么可以'；我是否单击我网站上的导航栏项目？

我的光标不会变为手动光标，而是文本光标。当我将鼠标悬停在导航栏中的每个项目上时，不会播放过渡动画。我只为导航的“主页”分配了一个链接，以查看它是否会将我带到那个链接。我使用google.com作为导航栏中“主页”的链接

正文{
保证金：0；
背景：#222；
字体系列：“无衬线工作”，无衬线；
字体大小：400；
}
.集装箱{
宽度：80%；
保证金：0自动；
}
标题{
背景：#247DAA；
}
标题：：之后{
内容：''；
显示：表格；
明确：两者皆有；
}
.标志{
浮动：左；
填充：10px0；
}
导航{
浮动：对；
}
导航ul{
保证金：0；
填充：0；
列表样式：无；
}
李海军{
显示：内联块；
左边距：70像素；
填充顶部：23px；
位置：相对位置；
}
导航a{
颜色：#444；
文字装饰：无；
字体大小：14px；
}
导航a：悬停{
颜色：#000；
}
导航a：：之前{
内容：''；
显示：块；
高度：5px；
背景色：#444；
位置：绝对位置；
排名：0；
宽度：0%；
过渡：全部缓进缓出250ms；
}
导航a:悬停：：之前{
宽度：100%；
}

网站

家
关于
新闻
画廊
接触

您的菜单文本位于

li

标签内，因此当您试图单击菜单时，您是在单击

li

而不是在

正文{
保证金：0；
背景：#222；
字体系列：“无衬线工作”，无衬线；
字体大小：400；
}
.集装箱{
宽度：80%；
保证金：0自动；
}
标题{
背景：#247DAA；
}
标题：：之后{
内容：''；
显示：表格；
明确：两者皆有；
}
.标志{
浮动：左；
填充：10px0；
}
导航{
浮动：对；
}
导航ul{
保证金：0；
填充：0；
列表样式：无；
}
李海军{
显示：内联块；
左边距：70像素；
填充顶部：23px；
位置：相对位置；
}
导航a{
颜色：#444；
文字装饰：无；
字体大小：14px；
}
导航a：悬停{
颜色：#000；
}
导航a：：之前{
内容：''；
显示：块；
高度：5px；
背景色：#444；
位置：绝对位置；
排名：0；
宽度：0%；
过渡：全部缓进缓出250ms；
}
导航a:悬停：：之前{
宽度：100%；
}

网站