在HTML中,表头单元格(<th>
)可以被赋予scope
属性,以识别它是否与随后的列或行或组相关联。是否可以使用CSS选择器来设置与标题单元格关联的所有表格单元格(<td>
)的样式? I.E.,如果scope="row"
或列如果scope="column"
,整个行的样式?
预设答案可能是“不”:那么scope
属性的用途是什么(除了CSS [attribute=value]
选择器)?浏览器是否将其用于辅助功能选项?或者我应该忽略它作为开发人员?
是否可以使用CSS选择器来设置与标题单元格关联的所有表格单元格(
<td>
)的样式? I.E.,如果scope="row"
或列如果scope="column"
,整个行的样式?
选择器3和选择器4都不提供用于匹配与特定表头单元相关联的表单元的功能。最接近的是列组合器,它尚未实现,仅适用于HTML表中基于列的标头,并且不带任何标头单元语义。特别是,scope
属性对列组合子的行为没有影响,并且它不区分<th>
和<td>
。
也许这样的特征可能值得为选择器5提出建议(其中列组合器和:*-column()
伪类最有可能最终结束)。
预设答案可能是“不”:那么
scope
属性的用途是什么(除了CSS[attribute=value]
选择器)?浏览器是否将其用于辅助功能选项?或者我应该忽略它作为开发人员?
某些用户代理可能会使用scope
属性来构造表的更有意义的表示。 HTML5 spec描述了当前实现可能使用或不使用的表模型。 scope
属性参与此表模型。
如果所有这些都是作为作者的希腊语,那么它基本上归结为您在标记中需要多少元数据。越多越好。
.tableClass [scope = col] {
styleme: beautiful;
}