Css 过渡不适用于悬停

我不知道，但由于某些原因，过渡似乎不起作用。我正在测试这个谷歌浏览器

[资料标题]{ 位置：相对位置； 利润率：100像素； } [数据标题]：悬停：在{ 变换：平移-50%，0； 宽度：18px； 高度：6px； 左：50%； 边际上限：0px； 最高：100%； 不透明度：1； 指针事件：自动； -webkit转换：所有0.25秒； 过渡：均为0.25秒； 内容：； 位置：绝对位置； z指数：10； 框大小：边框框； 左边框：8px实心透明； 右边框：8px实心透明； 边框底部：10px实心00204e； } [数据标题]：悬停：在{ 变换：平移-50%，0； 左：calc50%； 边缘顶部：10px； 最高：100%； 不透明度：1； 指针事件：自动； -webkit转换：所有0.25秒； 过渡：均为0.25秒； 字体大小：正常； 文本阴影：无； 背景：00204e； 边界半径：4px； 颜色：fff； 内容：数据标题； 填充：10px； 位置：绝对位置； 空白：正常； 宽度：最大含量； 字体大小：12px； 字体系列：“Helvetica Neue”； 线高：正常； 最大宽度：150px； 文本对齐：左对齐； 高度：自动； 显示：内联块； } Save如果您想让某些东西从一种状态转换到另一种状态，则必须同时定义两种状态。这意味着有一个基本样式和一个：悬停样式

例如：

.测试{ 宽度：100px； 高度：50px； 背景：红色； 过渡：所有2； } .测试：悬停{ 高度：100px； } test如果你想让某个东西从一种状态转换到另一种状态，你必须定义两种状态。这意味着有一个基本样式和一个：悬停样式

例如：

.测试{ 宽度：100px； 高度：50px； 背景：红色； 过渡：所有2； } .测试：悬停{ 高度：100px； }

---

test您没有为原始状态设置任何内容，因此转换不知道从何开始。如果您只想转换项目的外观-例如淡入或淡出，则需要执行类似于转换不透明度的操作：

[资料标题]{ 位置：相对位置； 利润率：100像素； } [数据标题]：之前{ 宽度：18px； 高度：6px； 左：50%； 边际上限：0px； 最高：100%； 不透明度：1； 内容：； 位置：绝对位置； z指数：10； 框大小：边框框； 左边框：8px实心透明； 右边框：8px实心透明； 边框底部：10px实心00204e； 变换：平移-50%，0； 不透明度：0； 过渡：不透明度0.5s； 指针事件：无； } [数据标题]：之后{ 变换：平移-50%，0； 左：calc50%； 边缘顶部：10px； 最高：100%； 不透明度：1； 字体大小：正常； 文本阴影：无； 背景：00204e； 边界半径：4px； 颜色：fff； 内容：数据标题； 填充：10px； 位置：绝对位置； 空白：正常； 宽度：最大含量； 字体大小：12px； 字体系列：“Helvetica Neue”； 线高：正常； 最大宽度：150px； 文本对齐：左对齐； 高度：自动； 显示：内联块； 不透明度：0； 过渡：不透明度0.5s； 指针事件：无； } [数据标题]：悬停：在， [数据标题]：悬停：在{ 不透明度：1； 指针事件：自动； }

---

保存您没有为原始状态设置任何内容，因此转换不知道从何开始。如果您只想转换项目的外观-例如淡入或淡出，则需要执行类似于转换不透明度的操作：

[资料标题]{ 位置：相对位置； 利润率：100像素； } [数据标题]：之前{ 宽度：18px； 高度：6px； 左：50%； 边际上限：0px； 最高：100%； 不透明度：1； 内容：； 位置：绝对位置； z指数：10； 框大小：边框框； 左边框：8px实心透明； 右边框：8px实心透明； 边框底部：10px实心00204e； 变换：平移-50%，0； 不透明度：0； 过渡：不透明度0.5s； 指针事件：无； } [数据标题]：之后{ 变换：平移-50%，0； 左：calc50%； 边缘顶部：10px； 最高：100%； 不透明度：1； 字体大小：正常； 文本阴影：无； 背景：00204e； 边界半径：4px； 颜色：fff； 内容：数据标题； 填充：10px； 位置：绝对位置； 空白：正常； 宽度：最大含量； 字体大小：12px； 字体系列：“Helvetica Neue”； 线高：正常； 最大宽度：150px； 文本对齐：左对齐； 高度：自动； 显示：内联块； 不透明度：0； 过渡：不透明度0.5s； 指针事件：无； } [数据标题]：悬停：在， [数据标题]：悬停：在{ 不透明度：1； 指针事件：自动； }

---

保存但你没有任何未覆盖：之前和：之后的样式是的，因为这是一个工具提示，我只需要在悬停时使用。所以你的代码完全按照你所写的进行。你想设置什么动画？@Pete我正在尝试设置悬停时显示的工具提示的动画。但是你没有任何未覆盖：之前和：之后的样式是的，因为这是一个我只在悬停时需要的工具提示。所以你的代码完全按照你写的那样。你想要动画什么？@Pete我正在尝试动画悬停时出现的工具提示。你能回答吗

---

既然我使用了：before和：after元素，那么需要做哪些更改？这取决于你想要什么，你有一个转换：所有这些，所以我不知道你想要转换什么。如果你想转换所有内容，那么你需要为每个属性创建一个基本状态。你能回答我最初的问题吗？因为我使用了：before和：after元素，所以需要做哪些更改？这取决于你想要什么，你有一个转换：all，所以我不知道你想要转换什么。如果要转换所有内容，则需要为每个属性创建基本状态。