Html 影响顶部的颜色过渡‽;

Html 影响顶部的颜色过渡‽;,html,css,css-transitions,Html,Css,Css Transitions,我正在使用Firefox 52.9.0 我正在尝试向页面中添加一个。当前,页面看起来如下所示: /*可访问性*/ /*隐藏“跳到主内容”链接,除非它有焦点*/ body>a:第一个孩子{ 背景:继承; 位置:固定; 左:0px; 顶部:-1米; 过渡期:顶部2放松; } body>a::第一个子项:非(:焦点){ } body>a:第一个孩子:焦点{ 顶部:0px; 过渡:前0.1秒轻松进入; } 乱数假文 同侧眼线。。。我不记得剩下的了,对不起 这个CSS基本上是好的 您的第二个转换声明将

我正在使用Firefox 52.9.0

我正在尝试向页面中添加一个。当前,页面看起来如下所示:

/*可访问性*/
/*隐藏“跳到主内容”链接,除非它有焦点*/
body>a:第一个孩子{
背景:继承;
位置:固定;
左:0px;
顶部:-1米;
过渡期:顶部2放松;
}
body>a::第一个子项:非(:焦点){
}
body>a:第一个孩子:焦点{
顶部:0px;
过渡:前0.1秒轻松进入;
}

乱数假文
同侧眼线。。。我不记得剩下的了,对不起

这个CSS基本上是好的


您的第二个
转换
声明将删除而不是添加到第一个声明中。这是瀑布在起作用

您不能使用多个
transition
声明来额外声明单独的转换;您需要将它们分组到一个声明中,如下所示:

body>a:第一个孩子:焦点{
顶部:0px;
过渡:顶部0.1s缓进,颜色0.1s线性;
}

您的第二个
转换
声明将删除而不是添加到第一个声明中。这是瀑布在起作用

您不能使用多个
transition
声明来额外声明单独的转换;您需要将它们分组到一个声明中,如下所示:

body>a:第一个孩子:焦点{
顶部:0px;
过渡:顶部0.1s缓进,颜色0.1s线性;
}

CSS属性只能定义一次。没有例外。(请记住,下次,我!)CSS属性只能定义一次。没有例外。(请记住,下次,我!)最初的问题是因为您需要从
-1lh
开始,而不是
-1em
开始。不幸的是,现在仅仅是2018年,而
lh
单元还不存在。哦,好吧。嘿,看,一个interrobang。@Lister先生,我需要IE11才能失效可用,所以我必须使用旧的东西。出于兴趣,
lh
能否正确处理Zalgo文本?(如果你不知道的话,这是大量的组合变音符号。)我怀疑不是,因为Zalgo重叠了下面的行。
lh
只是(或者将是)行高度的计算大小,所以,不。@MrLister好,所以我仍然需要
颜色。我可以使用
top:-1em;顶部:-1lh在受支持时具有正确的行为?
顶部:-1.2em;顶部:-1lh
应该更好,因为默认行高度约为1.2em。最初的问题是因为需要从
-1lh
开始,而不是
-1em
开始。不幸的是,现在仅仅是2018年,而
lh
单元还不存在。哦,好吧。嘿,看,一个interrobang。@Lister先生,我需要IE11才能失效可用,所以我必须使用旧的东西。出于兴趣,
lh
能否正确处理Zalgo文本?(如果你不知道的话,这是大量的组合变音符号。)我怀疑不是,因为Zalgo重叠了下面的行。
lh
只是(或者将是)行高度的计算大小,所以,不。@MrLister好,所以我仍然需要
颜色。我可以使用
top:-1em;顶部:-1lh在受支持时具有正确的行为?
顶部:-1.2em;顶部:-1lh应该更好,因为默认线高度约为1.2米。