为什么我的下拉菜单不适用于HTML、CSS

我不知道为什么我试图包含的下拉菜单没有出现，而且我似乎找不到哪里出了问题，我看到它出现的唯一方法是删除隐藏的内容，但如果我这样做了，我就看不到我想要的样子，然而，如果我在servicios标签上悬停时隐藏了它，它不会显示任何我找不到它不出现的原因的东西

{
保证金：0；
填充：0；
字体系列：无衬线；
}
.英雄{
高度：100vh；
背景图像：线性梯度（rgba（0,0,0,0.8），rgba（0,0,0.6）），url（bp.jpg）；
背景位置：中心；
背景尺寸：封面；
溢出x：隐藏；
位置：相对位置；
}
.导航栏{
显示器：flex；
填充：40px 120px；
}
.导航标志img{
宽度：135px；
}
.导航链接{
弹性：1；
}
.导航链接{
左边距：50像素；
显示：内联；
列表样式：无；
}
.nav_链接ul li{
列表样式：无；
显示：内联块；
填充：8px 25px；
}
.nav_链接ul a{
颜色：#fff；
文字装饰：无；
字号：18px；
}
.nav_链接ul li：：之后{
内容：''；
宽度：0；
高度：2倍；
背景：红色；
显示：块；
保证金：自动；
过渡：0.45s；
}
.nav_链接ul li:hover:：after{
宽度：100%；
}
.btn{
填充：10px 10px；
边界：0；
背景：红色；
字体大小：粗体；
光标：指针；
}
.nav_links.btn{
浮动：中心；
}
弗雷斯先生{
利润率：100px 130px；
颜色：#fff；
}
.弗雷泽h1{
字体大小：56px；
边缘底部：30px；
}
.竖直的U形杆{
身高：100%；
背景：红色；
排名：0；
左：0；
位置：绝对位置；
}
.icono_busqueda{
身高：60%；
宽度：80px；
}
.icono_busqueda.fa{
利润率：45px 23px；
显示：块；
颜色：白色；
字体大小：30px；
光标：指针；
}
iconos_sociales先生{
身高：60%；
宽度：80px；
} 
.iconos_sociales.fa{
利润率：45px 23px；
显示：块；
颜色：黑色；
字体大小：30px；
光标：指针；
}
iconos_sociales先生{
身高：35%；
宽度：80px；
背景：白色；
文本对齐：居中；
垫顶：27%；
底部：0；
位置：绝对位置；
}
.iconos_sociales.fa{
利润率：15px 15px；
显示：块；
填充：8px；
边框：1px纯黑；
边界半径：0；
光标：指针；
}
*{
保证金：0；
填充：0；
}
.子菜单
{
显示：无；
}
.nav_links ul li:悬停.子菜单\u ser
{
显示：块；
位置：绝对位置；
背景：红色；
边缘顶部：15px；
左边距：-15px；
}
.nav_links ul li:悬停.sub_菜单
{
显示：块；
利润率：10px；
}
.nav_links ul li:悬停.sub_菜单
{
宽度：150px；
填充：10px；
边框底部：1px点白色；
背景：透明；
边界半径：0；
文本对齐：左对齐；
}
：最后一个孩子
{
边框底部：无；
}
.nav_链接ul li:hover.sub_菜单服务ul li a:hover
{
颜色：红色；
}

动物护理








注册人
我是奎里多斯奎里多斯奎里多斯奎里多斯奎里多斯奎里多斯奎里多斯奎里多斯奎里多斯奎里多斯奎里多斯奎里多斯奎里多斯奎里多斯
探险家

隐藏元素的代码：

#element {
    display: none;
}

#element:hover {
    display: block;
}

显示元素的代码：

#element {
    display: none;
}

#element:hover {
    display: block;
}