内部的CSS样式元素 scope

问题描述 投票:1回答:2

在HTML中,表头单元格(<th>)可以被赋予scope属性,以识别它是否与随后的列或行或组相关联。是否可以使用CSS选择器来设置与标题单元格关联的所有表格单元格(<td>)的样式? I.E.,如果scope="row"或列如果scope="column",整个行的样式?

预设答案可能是“不”:那么scope属性的用途是什么(除了CSS [attribute=value]选择器)?浏览器是否将其用于辅助功能选项?或者我应该忽略它作为开发人员?

html css css-selectors html-table
2个回答
1
投票

是否可以使用CSS选择器来设置与标题单元格关联的所有表格单元格(<td>)的样式? I.E.,如果scope="row"或列如果scope="column",整个行的样式?

选择器3和选择器4都不提供用于匹配与特定表头单元相关联的表单元的功能。最接近的是列组合器,它尚未实现,仅适用于HTML表中基于列的标头,并且不带任何标头单元语义。特别是,scope属性对列组合子的行为没有影响,并且它不区分<th><td>

也许这样的特征可能值得为选择器5提出建议(其中列组合器和:*-column()伪类最有可能最终结束)。

预设答案可能是“不”:那么scope属性的用途是什么(除了CSS [attribute=value]选择器)?浏览器是否将其用于辅助功能选项?或者我应该忽略它作为开发人员?

某些用户代理可能会使用scope属性来构造表的更有意义的表示。 HTML5 spec描述了当前实现可能使用或不使用的表模型。 scope属性参与此表模型。

如果所有这些都是作为作者的希腊语,那么它基本上归结为您在标记中需要多少元数据。越多越好。


0
投票

.tableClass [scope = col] {

styleme: beautiful;

}

© www.soinside.com 2019 - 2024. All rights reserved.