2016-07-08 138 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標記中是不允許的。 –