Html 工具提示文本不'；悬停时不显示

这是一个简单的图库，我想在鼠标悬停的日子里显示一个工具提示文本。在这种情况下，我想在1上显示新年文本。一月徘徊。我从W3学校获取了工具提示代码。我是否有逻辑错误或语法错误

表格{
边界塌陷：塌陷；
边界间距：0；
}
泰德{
宽度：300px！重要；
}
运输署{
填充：0；
}
.集装箱{
字体：87.5%/1.5em“拉托”，无衬线；
左：50%；
背景：#ccc；
位置：固定；
最高：50%；
宽度：300px；
转换：翻译（-50%，-50%）；
}
.日历容器{
位置：相对位置；
}
.日历容器标题{
边界半径：1米1米0；
背景#e66b；
颜色：#fff；
文本对齐：居中；
宽度：402px；
}
.newyear.tooltiptext{
可见性：隐藏；
宽度：120px；
背景色：#555；
颜色：#fff；
文本对齐：居中；
边界半径：6px；
填充：5px0；
位置：绝对位置；
z指数：1；
底部：125%；
左：50%；
左边距：-60px；
不透明度：0；
过渡：不透明度1s；
}
.newyear.tooltiptext:：之后{
内容：“；
位置：绝对位置；
最高：100%；
左：50%；
左边距：-5px；
边框宽度：5px；
边框样式：实心；
边框颜色：#555透明；
}
.newyear:hover.tooltiptext{
能见度：可见；
不透明度：1；
}
.月{
字号：3em；
线高：1米；
宽度：300px；
文本对齐：居中；
垫底：10px；
}
.日历{
背景：#fff；
边界半径：0.01米1米；
-webkit盒阴影：0 2px 1px rgba（0,0,0,2），0 3px 1px#fff；
盒影：02px1pxRGBA（0,0,0,2），03px1pxFFF；
颜色：#555；
显示：内联块；
填充：2px；
}
.日历日期{
颜色：#e66b6b；
字号：700；
文本转换：大写；
}
.日历td{
填充物：5em 1em；
文本对齐：居中；
}
.日历tbody td:悬停{
背景：卡卡卡；
}
.当日{
颜色：#e66b6b；
背景：卡卡卡；
字体大小：粗体；
}
.上个月，
.下个月{
颜色：#cacaca；
}

一月
周一
星期二
结婚
清华大学
星期五
坐
太阳
29
30
31
1工具提示文本
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1.

需要定位工具提示的包含元素，以便将鼠标悬停在包含元素（

.newyear

）上时，工具提示与该元素“相对”显示

这可以通过向绝对定位嵌套元素（

.tooltiptext

）的包含元素（

.newyear

）声明

位置

属性来实现，例如：

代码片段演示：

表格{
边界塌陷：塌陷；
边界间距：0；
}
泰德{
宽度：300px！重要；
}
运输署{
填充：0；
}
.集装箱{
字体：87.5%/1.5em“拉托”，无衬线；
左：50%；
背景：#ccc；
位置：固定；
最高：50%；
宽度：300px；
转换：翻译（-50%，-50%）；
}
.日历容器{
位置：相对位置；
}
.日历容器标题{
边界半径：1米1米0；
背景#e66b；
颜色：#fff；
文本对齐：居中；
宽度：402px；
}
.newyear.tooltiptext{
可见性：隐藏；
宽度：120px；
背景色：#555；
颜色：#fff；
文本对齐：居中；
边界半径：6px；
填充：5px0；
位置：绝对位置；
z指数：1；
底部：125%；
左：50%；
左边距：-60px；
不透明度：0；
过渡：不透明度1s；
}
.newyear.tooltiptext:：之后{
内容：“；
位置：绝对位置；
最高：100%；
左：50%；
左边距：-5px；
边框宽度：5px；
边框样式：实心；
边框颜色：#555透明；
}
.newyear:hover.tooltiptext{
能见度：可见；
不透明度：1；
}
.新年{
位置：相对位置；
}
.月{
字号：3em；
线高：1米；
宽度：300px；
文本对齐：居中；
垫底：10px；
}
.日历{
背景：#fff；
边界半径：0.01米1米；
-webkit盒阴影：0 2px 1px rgba（0,0,0,2），0 3px 1px#fff；
盒影：02px1pxRGBA（0,0,0,2），03px1pxFFF；
颜色：#555；
显示：内联块；
填充：2px；
}
.日历日期{
颜色：#e66b6b；
字号：700；
文本转换：大写；
}
.日历td{
填充物：5em 1em；
文本对齐：居中；
}
.日历tbody td:悬停{
背景：卡卡卡；
}
.当日{
颜色：#e66b6b；
背景：卡卡卡；
字体大小：粗体；
}
.上个月，
.下个月{
颜色：#cacaca；
}

周一
星期二
结婚
清华大学
星期五
坐
太阳
29
30
31
1工具提示文本
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1.

只需更改此类上的这些属性：

.newyear .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  /*z-index: 1;*/
  /*bottom: 125%;*/
  left: 50%;
  /* margin-left: -60px; */ 
  top:20%; /* New line */
  opacity: 0;
  transition: opacity 1s;
}

我确实对疑难解答行进行了注释。我没有抹掉任何一个这样你就能看出你做错了什么。在这里，您可以看到新年数字“1”上方的工作工具提示：

表格{
边界塌陷：塌陷；
边界间距：0；
}
泰德{
宽度：300px！重要；
}
运输署{
填充：0；
}
.集装箱{
字体：87.5%/1.5em“拉托”，无衬线；
左：50%；
背景：#ccc；
位置：固定；
最高：50%；
宽度：300
.newyear .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  /*z-index: 1;*/
  /*bottom: 125%;*/
  left: 50%;
  /* margin-left: -60px; */ 
  top:20%; /* New line */
  opacity: 0;
  transition: opacity 1s;
}