CSS动画之间的延迟

我正在尝试用CSS打印两行。我的问题是这两行代码同时被写入。我尝试使用

动画延迟

属性，但它无法正常工作。 我怎样才能先打第一行，然后再打第二行

/*--------------------------第1行-----------------------*/
.第1行{
字体系列：monospace；
位置：相对位置；
最高：30%；
左：15%；
宽度：24em；
保证金：0自动；
字体大小：250%；
文本对齐：左对齐；
空白：nowrap；
溢出：隐藏；
转化：translateY（-50%）；
}
/*动画*/
.动画打字机{
动画：打字机4s步（44）1s 1正常两者，
闪烁文本光标500毫秒步长（44）无限正常；
}
@关键帧打字机{
从{宽度：0；}
至{宽度：9.5em；}
}
@关键帧闪烁文本光标{
从{右边框颜色：rgba（255255255.75）；}
至{边框右侧颜色：透明；}
}
/*-----------------------第2行-----------------------*/
/*动画*/
.anim-typewriter2{
动画：打字机4s步（44）1s 1正常两者，
闪烁文本光标500毫秒步长（44）无限正常；
动画延迟：4s；
}
@关键帧打字机{
从{宽度：0；}
至{宽度：15em；}
}
@关键帧闪烁文本光标{
从{右边框颜色：rgba（255255255.75）；}
至{边框右侧颜色：透明；}
}

你好，我是莫哈纳德

我做很酷的电脑工作。

/*--------------------------第1行-----------------------*/
.第1行，.第2行{
字体系列：monospace；
位置：相对位置；
最高：30%；
左：15%；
宽度：24em；
保证金：0自动；
字体大小：250%；
文本对齐：左对齐；
空白：nowrap；
溢出：隐藏；
转化：translateY（-50%）；
}
/*动画*/
.动画打字机{
动画：打字机4个步骤（44）1两个都正常，
闪烁文本光标1 500毫秒步长（44）无限正常；
}
@关键帧typewriter1{
从{
宽度：0；
}
到{
宽度：9.5em；
}
}
@关键帧闪烁文本光标1{
从{
右边框颜色：rgba（255255.75）；
}
到{
右边框颜色：透明；
}
}
/*-----------------------第2行-----------------------*/
/*动画*/
.anim-typewriter2{
动画：打字机2 4步骤（44）1正常2，
闪烁文本光标2 500毫秒步长（44）无限正常；
动画延迟：5s；
}
@关键帧typewriter2{
从{
宽度：0；
}
到{
宽度：15em；
}
}
@关键帧闪烁文本光标2{
从{
右边框颜色：rgba（255255.75）；
}
到{
右边框颜色：透明；
}
}

你好，我是莫哈纳德

---

我做很酷的电脑工作。

第二行看起来应该和第一行不同吗？不清楚你在问什么；当前，第二个动画在激活前确实要等待4秒。