<table summary="test1 tes

質問

classの場合は、
<div class="test1 test2">
が出来ますが、
テーブルで
<table summary="test1 test2">
とは出来ないのでしょうか？

二つのテーブルに対するcssを作ったので、二つとも適用させたいです。

回答No.2

m_matsubara · ベストアンサー

回答が遅くなりましてすいません。
今の段になっても意外に回答される方がいらっしゃいませんでしたので。
cssのセレクタですが、cssの空白区切と同じ意味で空白区切で羅列するパターンがあります。

http://momdo.s35.xrea.com/web-html-test/spec/CSS21/selector.html#pattern-matching

ですので下のような記述で、要求は実現可能ですよ!

table[summary~="test1"]{
color:red;
}

もちろんサマリーにこれを当てるのは行儀がいいとは言いませんが、現場だとやむをえない時はありますよね。

お礼

回答頂きありがとうございました。

回答No.1

t_ohta

summary属性はテーブルの要約文を記載するモノですから "test1 test2" と記載したら "test1 test2" と要約が表示されるだけです。
cssを適用したいなら <table class="test1 test2"> と書くべきですね。

お礼

回答頂きありがとうございました。