以下のコードで末尾のもののうち
color: #ffffff;が適用されず、 color: #3b3b3b;が適用されてしまいます。
CSSの原則上は、「idセレクタやclassセレクタなどの具体的・局所的なセレクタは、タイプセレクタや全称セレクタのような全般的なセレクタより優先される」と理解しているため、原因が分かりません。
もし、分かる方がいればご教示を願います。
.finance > tbody th {
background-color: #2980b9;
color: #ffffff;
}
body { font-family: "Helvetica Neue", Helvetica, Arial; font-size: 14px; line-height: 20px; font-weight: 400; color: #3b3b3b; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; background: #f8f8ff; } table { border: 1px solid #aaa; border-collapse: collapse; border-spacing: 0; border-radius: 6px; } table th, table td { padding: .5em 2em; border: 1px solid #aaa; background: #f6f6f6; } .basic > thead th { background-color: #ea6153; color: #ffffff; } .market > thead th { background-color: #27ae60; color: #ffffff; } .finance > thead th { background-color: #2980b9; color: #ffffff; } .finance > tbody th { background-color: #2980b9; color: #ffffff; }
htmlコード <table class="finance"> <thead> <tr> <th> </th> <th>第10期</th> <th>第11期</th> <th>第12期</th> </tr> </thead> <tbody> <tr> <th>営業収益</th> <td>***</td> <td>***</td> <td>***</td> </tr> <tr> <th>営業利益</th> <td>***</td> <td>***</td> <td>***</td> </tr> <tr> <th>経常利益</th> <td>***</td> <td>***</td> <td>***</td> </tr> <tr> <th>当期純利益</th> <td>***</td> <td>***</td> <td>***</td> </tr> </tbody> </table>
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/10/13 06:01
2016/10/13 06:02