代码之家 › 专栏 › 技术社区 › Damn Vegetables

为什么YouTube评论部分的CSS有两个“行高”?

youtube css

Damn Vegetables · 技术社区 · 4 年前

如果我随便打开一个像这样的YouTube视频( https://www.youtube.com/watch?v=Jmel5YySUXU ),并检查开发工具中的注释样式,我发现有两行高,第一行被取消了。

line-height 属性。这有什么意义吗,或者这只是一个bug(程序员忘记了第一个bug,后来又添加了第二个bug)?

#content-text.ytd-comment-renderer {
  --yt-endpoint-color: var(--yt-spec-call-to-action);
  --yt-endpoint-hover-color: var(--yt-spec-call-to-action);
  --yt-endpoint-visited-color: var(--yt-spec-call-to-action);
  color: var(--yt-spec-text-primary);
  font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing);
  line-height: 2rem;
}