2016-07-08 33 views
1

在HTML中,可以为表格标题单元格(<th>)指定scope属性以确定它是否与随后的列或其行或一组相关联。是否可以使用CSS选择器来设置与标题单元格关联的所有表格单元格(<td>)? I.E.,如果scope="row"或列如果scope="column"风格整行?<th>范围内的CSS样式元素

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

+0

你想给整个行或列或头的样式? –

+0

整个行或列。我相信BoltClock的回答很好地解决了这个问题。 –

回答

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

我通常会看不起任何“死代码”,除非它大幅提高可读性。但是,也许我应该更加宽容HTML属性,因为它们可以用于评论的位置,这在HTML标记中是不允许的。 –