<th>内の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"？

セレクタ3もセレクタ4も、特定のテーブルヘッダーセルに関連付けられたテーブルセルを一致させる機能を提供しません。最も近いのは、まだ実装されていない列コンビネータです.HTMLテーブルの列ベースヘッダーでのみ動作し、ヘッダーセルのセマンティクスは持ちません。特に、scope属性は、列コンビネータの動作に影響を与えません。<th>と<td>を区別しません。

おそらく、このような機能は、セレクタ5（列コンビネータと疑似クラスはいずれにしても終わりそうです）に対して提案する価値があります。その後、どのような目的がscope属性は（CSSセレクタ[attribute=value]以外の）サーブん：解答を前提

は「ノー」だろうとは？ブラウザはアクセシビリティオプションにそれを使用していますか？それとも開発者として無視するべきですか？

ユーザエージェントによっては、scope属性を使用してテーブルをより意味のある表現にすることができます。 HTML5 specには、現在の実装で使用される場合と使用されない場合があるテーブルモデルが記述されています。このテーブルモデルには、scope属性が含まれています。

このすべてがギリシャ語の著者である場合は、基本的に、マークアップでどれだけのメタデータを使用するかが決まります。もっと、より良い。