ホームページ > 記事 > ウェブフロントエンド > この HTML table_html/css_WEB-ITnose の境界線の色を変更する方法を教えてください。
この HTML table_html/css_WEB-ITnose の境界線の色を変更する方法を教えてください。
- WBOYオリジナル
- 2016-06-21 09:39:591902ブラウズ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><style type="text/css"><!--.news table td{border:1px solid #F00;}.bac table td{border:1px solid #00F;}--></style><body><table width="658" height="317" border="0" cellspacing="0px" class="bac" style="border-collapse:collapse" align="center" id="t1"> <tr> <td>1</td> <td>2</td> </tr> <tr> <td colspan="2"><table width="50%" border="0" align="center" class="news" id="t2"> <tr> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table></td> </tr></table></body></html> 2 つのテーブルの色が違うのですが、両方のテーブルの色が表示されるのはなぜですか?ありがとう！
ディスカッションに返信 (解決策)
投稿者さん、CSS の優先順位を間違って理解しています。CSS コードを次のように変更してください:
<style type="text/css"> table.bac td{ border:1px solid #00f; } table.news td{ border:1px solid #F00; } </style> または、次のように ID セレクターを直接使用してください:
<style type="text/css"> #t1 td{ border:1px solid #00f; } #t2 td{ border:1px solid #F00; } </style> 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。