"text-overflow: ellipsis"不是有效的 CSS 吗?



当通过W3C CSS验证器运行时,此代码会触发错误:

p{
    text-overflow: ellipsis;
}

我得到:

行代码上下文错误/警告2 p分析错误[空字符串]

这只是验证器中的一个错误,还是我遗漏了一些非常明显的东西?

这是CSS验证器中的一个错误,已经报告过了。text-overflow:ellipsis是一个有效的规则,但不幸的是W3C CSS验证器容易出错(请参阅错误列表)。

然而,请注意,当前的工作草案列出了一些text-overflow值作为风险特征:

工作组已经确定,在退出CR时,以下功能有可能从CSS基本用户界面模块级别3中删除。如果实施者希望这些功能保留在本规范中,则敦促他们实施这些功能。所有其他功能要么在规范性引用中定义(例如CSS 2.1[CSS21]或Selectors[SECT]),要么被认为有两个或多个实现,因此在不返回上次调用的情况下不会被丢弃。

  • […]
  • text-overflow属性值:<string>
  • text-overflow属性2值语法和定义

虽然这不会影响ellipsis值,但它可能是验证器中错误的来源:

分析错误〔空字符串〕

参考文献

  • W3C:CSS基本用户界面模块3级(CSS3 UI):(WD-20120117)
    • 有风险的功能
    • 8.2.Overflow Ellipsis:"文本溢出"属性

它基于MDN的引用是有效的,该引用也链接到规范:http://dev.w3.org/csswg/css3-ui/#text-溢出

出于好奇,我通过验证器运行了自己的一个网站。我注意到它列出了一些我不会考虑错误的东西,比如前缀正确的供应商扩展和数据URI。

最新更新