范围内的CSS样式元素

Question

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

列，整个行的样式

预先假定答案可能是“不”：那么scope属性的用途是什么（CSS [attribute=value]选择器除外）？浏览器是否将其用于辅助功能选项？或者我应该忽略它作为开发人员？

Answer 1

  

是否可以使用CSS选择器设置与标题单元格关联的所有表格单元格（<td>）的样式？ I.E.，如果scope="row"或scope="column"

列，整个行的样式

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

也许这样的功能可能值得为Selectors 5提出建议（其中列组合子和:*-column()伪类最有可能最终结束）。

  

预先假定答案可能是“不”：那么scope属性的用途是什么（CSS [attribute=value]选择器除外）？浏览器是否将其用于辅助功能选项？或者我应该忽略它作为开发人员？

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

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

Answer 2

.tableClass th [scope = col] {

getpath($p)

}